/
index.css
255 lines (246 loc) · 15.2 KB
/
index.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
@charset "UTF-8";
@font-face {
font-display: swap;
font-family: tag-picker__tag-x;
font-style: normal;
font-weight: normal;
src: url("data:font/woff2;charset=utf-8;base64,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") format("woff2");
}
:root {
--color-tag-picker: #000;
--color-tag-picker__tag-x: #fff;
--color-tag-picker__tag: #000;
--fill-tag-picker--disabled: #eee;
--fill-tag-picker--read-only: #eee;
--fill-tag-picker: #fff;
--fill-tag-picker__tag--disabled: #aaa;
--fill-tag-picker__tag--focus: #c00;
--fill-tag-picker__tag--read-only: #f00;
--fill-tag-picker__tag--selected: #c00;
--fill-tag-picker__tag: #f00;
--font-face-tag-picker: inherit;
--font-height-tag-picker: 1.5em;
--font-height-tag-picker: 1.5em;
--font-size-tag-picker: inherit;
--shadow-tag-picker: none;
--shadow-tag-picker__tag: none;
--stroke-tag-picker--disabled: #666;
--stroke-tag-picker--focus: #00f;
--stroke-tag-picker--read-only: #666;
--stroke-tag-picker: #000;
--stroke-tag-picker__tag: transparent;
--width-tag-picker: 100%;
}
.tag-picker,
.tag-picker * {
box-sizing: border-box;
color: inherit;
font: inherit;
}
.tag-picker {
background: var(--fill-tag-picker);
border: 1px solid;
border-color: var(--stroke-tag-picker);
border-radius: var(--arc-tag-picker);
box-shadow: var(--shadow-tag-picker);
color: var(--color-tag-picker);
cursor: text;
display: inline-flex;
flex-wrap: wrap;
font-family: var(--font-face-tag-picker);
font-size: var(--font-size-tag-picker);
height: var(--height-tag-picker, auto);
line-height: var(--font-height-tag-picker);
max-height: var(--height-max-tag-picker, 100%);
max-width: var(--width-max-tag-picker, 100%);
min-height: var(--height-min-tag-picker, 0);
min-width: var(--width-min-tag-picker, 0);
outline: 0;
padding: 0.125em;
position: relative;
width: var(--width-tag-picker, auto);
}
.tag-picker:hover {
background: var(--fill-tag-picker--hover, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--hover, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--hover, var(--shadow-tag-picker));
color: var(--color-tag-picker--hover, var(--color-tag-picker));
}
.tag-picker:focus {
background: var(--fill-tag-picker--focus, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--focus, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--focus, var(--shadow-tag-picker));
color: var(--color-tag-picker--focus, var(--color-tag-picker));
}
.tag-picker:active {
background: var(--fill-tag-picker--active, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--active, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--active, var(--shadow-tag-picker));
color: var(--color-tag-picker--active, var(--color-tag-picker));
}
.tag-picker.tag-picker--focus {
background: var(--fill-tag-picker--focus, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--focus, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--focus, var(--shadow-tag-picker));
color: var(--color-tag-picker--focus, var(--color-tag-picker));
}
.tag-picker.tag-picker--disabled {
background: var(--fill-tag-picker--disabled, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--disabled, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--disabled, var(--shadow-tag-picker));
color: var(--color-tag-picker--disabled, var(--color-tag-picker));
}
.tag-picker__copy {
height: 1px;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
top: 0;
width: 1px;
}
.tag-picker__tag {
display: flex;
height: var(--height-tag-picker);
margin: 0.125em;
outline: 0;
overflow: hidden;
padding: 0 0.5em;
position: relative;
text-decoration: none;
}
.tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag);
border: 0 solid;
border-color: var(--stroke-tag-picker__tag);
border-radius: var(--arc-tag-picker__tag);
box-shadow: var(--shadow-tag-picker__tag);
color: var(--color-tag-picker__tag);
cursor: pointer;
}
.tag-picker__tag:not(.tag-picker__input):hover {
background: var(--fill-tag-picker__tag--hover, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--hover, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--hover, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--hover, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input):focus {
background: var(--fill-tag-picker__tag--focus, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--focus, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--focus, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--focus, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input):active {
background: var(--fill-tag-picker__tag--active, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--active, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--active, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--active, var(--color-tag-picker__tag));
}
.tag-picker__tag--selected:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--selected, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--selected, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--selected, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--selected, var(--color-tag-picker__tag));
}
.tag-picker__tag--disabled:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--disabled, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--disabled, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--disabled, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--disabled, var(--color-tag-picker__tag));
}
.tag-picker__tag:not(.tag-picker__input)::before {
content: attr(title);
flex: 1;
}
.tag-picker__tag + .tag-picker__input span + span {
display: none;
}
.tag-picker__tag-x {
color: var(--color-tag-picker__tag-x);
font-family: tag-picker__tag-x, sans-serif;
margin-left: 0.5em;
margin-right: -0.125em;
outline: 0;
text-decoration: none;
}
.tag-picker__tag-x:hover {
color: var(--color-tag-picker__tag-x--hover, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x:focus {
color: var(--color-tag-picker__tag-x--focus, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x:active {
color: var(--color-tag-picker__tag-x--active, var(--color-tag-picker__tag-x));
}
.tag-picker__tag-x::before {
content: "×";
font: inherit;
}
.tag-picker__input {
flex: 1;
}
.tag-picker__input span {
flex: 1;
height: 100%;
outline: 0;
position: relative;
z-index: 1;
}
.tag-picker__input span * {
display: inline;
}
.tag-picker__input span + span {
bottom: 0;
left: 0;
opacity: 0.5;
padding: inherit;
position: absolute;
right: 0;
top: 0;
white-space: nowrap;
z-index: 0;
}
.tag-picker__tags {
display: flex;
flex-wrap: wrap;
flex: 1;
line-height: var(--height-tag-picker);
min-height: var(--height-tag-picker);
}
.tag-picker__source {
left: -9999px;
position: fixed;
top: -9999px;
}
.tag-picker__source:read-only + .tag-picker {
background: var(--fill-tag-picker--read-only, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--read-only, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--read-only, var(--shadow-tag-picker));
color: var(--color-tag-picker--read-only, var(--color-tag-picker));
}
.tag-picker__source:read-only + .tag-picker .tag-picker__tag-x {
cursor: not-allowed;
}
.tag-picker__source:read-only + .tag-picker .tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--read-only, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--read-only, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--read-only, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--read-only, var(--color-tag-picker__tag));
}
.tag-picker__source:disabled + .tag-picker {
background: var(--fill-tag-picker--disabled, var(--fill-tag-picker));
border-color: var(--stroke-tag-picker--disabled, var(--stroke-tag-picker));
box-shadow: var(--shadow-tag-picker--disabled, var(--shadow-tag-picker));
color: var(--color-tag-picker--disabled, var(--color-tag-picker));
}
.tag-picker__source:disabled + .tag-picker,
.tag-picker__source:disabled + .tag-picker * {
cursor: not-allowed;
}
.tag-picker__source:disabled + .tag-picker .tag-picker__tag:not(.tag-picker__input) {
background: var(--fill-tag-picker__tag--disabled, var(--fill-tag-picker__tag));
border-color: var(--stroke-tag-picker__tag--disabled, var(--stroke-tag-picker__tag));
box-shadow: var(--shadow-tag-picker__tag--disabled, var(--shadow-tag-picker__tag));
color: var(--color-tag-picker__tag--disabled, var(--color-tag-picker__tag));
}