-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy paths2attr.css
More file actions
362 lines (348 loc) · 15.4 KB
/
s2attr.css
File metadata and controls
362 lines (348 loc) · 15.4 KB
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
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
/* ------------------- */
/* -- S2 Attributes -- */
/* ------------------- */
/* v3.1.3 */
/* basics */
[hide], [hidden="true"] { display: none; }
[disabled] { filter: saturate(0%); cursor: default; pointer-events: none; }
[user-select="none"] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
[events="none"] { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; touch-action: none; }
[opacity="0"] { opacity: 0; }
[opacity="0.1"] { opacity: 0.1; }
[opacity="0.2"] { opacity: 0.2; }
[opacity="0.3"] { opacity: 0.3; }
[opacity="0.4"] { opacity: 0.4; }
[opacity="0.5"] { opacity: 0.5; }
[opacity="0.6"] { opacity: 0.6; }
[opacity="0.7"] { opacity: 0.7; }
[opacity="0.8"] { opacity: 0.8; }
[opacity="0.9"] { opacity: 0.9; }
[opacity="1"] { opacity: 1; }
[radius="0"] { border-radius: 0; }
[radius="1"] { border-radius: 1rem; }
[radius="2"] { border-radius: 2rem; }
[radius="3"] { border-radius: 3rem; }
[radius="4"] { border-radius: 4rem; }
[radius="5"] { border-radius: 5rem; }
[radius="6"] { border-radius: 6rem; }
/* typography */
[line-height="0"] { line-height: 0; }
[line-height="0.25"] { line-height: 0.25; }
[line-height="0.5"] { line-height: 0.5; }
[line-height="0.75"] { line-height: 0.75; }
[line-height="1"] { line-height: 1; }
[line-height="1.25"] { line-height: 1.25; }
[line-height="1.5"] { line-height: 1.5; }
[line-height="1.75"] { line-height: 1.75; }
[line-height="2"] { line-height: 2; }
[text-deco="underline"] { text-decoration: underline; }
[text-deco="none"], [text-deco="none"] a, a[text-deco="none"] { text-decoration: none; }
[text-align="center"] { text-align: center; }
[text-align="left"] { text-align: left; }
[text-align="right"] { text-align: right; }
[text-uppercase] { text-transform: uppercase; }
[text-capitalize] { text-transform: capitalize; }
[white-space="normal"] { white-space: normal; }
[white-space="nowrap"] { white-space: nowrap; }
[truncate] { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
[line-clamp] { display: -webkit-box; -webkit-box-orient: vertical; white-space: normal; overflow: hidden; }
[line-clamp], [line-clamp="1"] { -webkit-line-clamp: 1; }
[line-clamp="2"] { -webkit-line-clamp: 2; }
[line-clamp="3"] { -webkit-line-clamp: 3; }
[line-clamp="4"] { -webkit-line-clamp: 4; }
[line-clamp="5"] { -webkit-line-clamp: 5; }
[line-clamp="6"] { -webkit-line-clamp: 6; }
[box-deco="clone"] { -webkit-box-decoration-break: clone; box-decoration-break: clone; }
[box-deco="slice"] { -webkit-box-decoration-break: slice; box-decoration-break: slice; }
[float="start"] { float: inline-start; }
[float="end"] { float: inline-end; }
[float="left"] { float: left; margin-right: 0.5ch; }
[float="right"] { float: right; margin-left: 0.5ch; }
[float="none"] { float: none; }
/* container-type */
[container-type="inline-size"] { container-type: inline-size; }
[container-type="size"] { container-type: size; }
[container-type="normal"] { container-type: normal; }
/* width, height, position, z-index */
[width-is="auto"] { width: auto; min-width: auto; max-width: none; }
[width-is="100p"] { width: 100%; min-width: 100%; max-width: 100%; }
[width-is="100vw"] { width: 100vw; min-width: 100vw; max-width: 100vw; }
[width-is^="min"] { width: auto; max-width: none; }
[width-is="min-1"] { min-width: 1rem; }
[width-is="min-2"] { min-width: 2rem; }
[width-is="min-3"] { min-width: 3rem; }
[width-is="min-4"] { min-width: 4rem; }
[width-is="min-5"] { min-width: 5rem; }
[width-is="min-6"] { min-width: 6rem; }
[height-is="auto"] { height: auto; min-height: auto; max-height: none; }
[height-is="100p"] { height: 100%; min-height: 100%; max-height: 100%; }
[height-is="100vh"] { height: 100vh; min-height: 100vh; max-height: 100vh; }
[height-is="100svh"] { height: 100vh; min-height: 100vh; max-height: 100vh; } @supports (height: 100svh) { [height-is="100svh"] { height: 100svh; min-height: 100svh; max-height: 100svh; } }
[height-is="100dvh"] { height: 100vh; min-height: 100vh; max-height: 100vh; } @supports (height: 100dvh) { [height-is="100dvh"] { height: 100dvh; min-height: 100dvh; max-height: 100dvh; } }
[height-is^="min"] { height: auto; max-height: none; }
[height-is="min-1"] { min-height: 1rem; }
[height-is="min-2"] { min-height: 2rem; }
[height-is="min-3"] { min-height: 3rem; }
[height-is="min-4"] { min-height: 4rem; }
[height-is="min-5"] { min-height: 5rem; }
[height-is="min-6"] { min-height: 6rem; }
[height-is="min-100p"] { min-height: 100%; }
[height-is="min-100vh"] { min-height: 100vh; }
[height-is="min-100svh"] { min-height: 100vh; } @supports (height: 100svh) { [height-is="min-100svh"] { min-height: 100svh; } }
[position="static"] { position: static; }
[position="relative"] { position: relative; }
[position="absolute"] { position: absolute; }
[position="fixed"] { position: fixed; }
[z-index="0"] { z-index: 0; }
[z-index="1"] { z-index: 1; }
[z-index="2"] { z-index: 2; }
[z-index="3"] { z-index: 3; }
[z-index="-1"] { z-index: -1; }
[z-index="-2"] { z-index: -2; }
[z-index="-3"] { z-index: -3; }
[z-index="top"] { z-index: 999999 !important; }
[z-index="bottom"] { z-index: -999999 !important; }
[z-index="auto"] { z-index: auto; }
/* padding, margin */
/* padding */
[p-="0"], [p-0] { padding: 0; }
[p-="0.5"], [p-0_5] { padding: 0.5rem; }
[p-="1"], [p-1] { padding: 1rem; }
[p-="1.5"], [p-1_5] { padding: 1.5rem; }
[p-="2"], [p-2] { padding: 2rem; }
[p-="2.5"], [p-2_5] { padding: 2.5rem; }
[p-="3"], [p-3] { padding: 3rem; }
/* padding-top */
[pt="0"] { padding-top: 0; }
[pt="0.5"] { padding-top: 0.5rem; }
[pt="1"] { padding-top: 1rem; }
[pt="1.5"] { padding-top: 1.5rem; }
[pt="2"] { padding-top: 2rem; }
[pt="2.5"] { padding-top: 2.5rem; }
[pt="3"] { padding-top: 3rem; }
/* padding-bottom */
[pb="0"] { padding-bottom: 0; }
[pb="0.5"] { padding-bottom: 0.5rem; }
[pb="1"] { padding-bottom: 1rem; }
[pb="1.5"] { padding-bottom: 1.5rem; }
[pb="2"] { padding-bottom: 2rem; }
[pb="2.5"] { padding-bottom: 2.5rem; }
[pb="3"] { padding-bottom: 3rem; }
/* padding-left */
[pl="0"] { padding-left: 0; }
[pl="0.5"] { padding-left: 0.5rem; }
[pl="1"] { padding-left: 1rem; }
[pl="1.5"] { padding-left: 1.5rem; }
[pl="2"] { padding-left: 2rem; }
[pl="2.5"] { padding-left: 2.5rem; }
[pl="3"] { padding-left: 3rem; }
/* padding-right */
[pr="0"] { padding-right: 0; }
[pr="0.5"] { padding-right: 0.5rem; }
[pr="1"] { padding-right: 1rem; }
[pr="1.5"] { padding-right: 1.5rem; }
[pr="2"] { padding-right: 2rem; }
[pr="2.5"] { padding-right: 2.5rem; }
[pr="3"] { padding-right: 3rem; }
/* margin */
[m-="0"], [m-0] { margin: 0; }
[m-="0.5"], [m-0_5] { margin: 0.5rem; }
[m-="1"], [m-1] { margin: 1rem; }
[m-="1.5"], [m-1_5] { margin: 1.5rem; }
[m-="2"], [m-2] { margin: 2rem; }
[m-="2.5"], [m-2_5] { margin: 2.5rem; }
[m-="3"], [m-3] { margin: 3rem; }
[m-="auto"], [m-auto] { margin: auto; }
/* margin-top */
[mt="0"] { margin-top: 0; }
[mt="0.5"] { margin-top: 0.5rem; }
[mt="1"] { margin-top: 1rem; }
[mt="1.5"] { margin-top: 1.5rem; }
[mt="2"] { margin-top: 2rem; }
[mt="2.5"] { margin-top: 2.5rem; }
[mt="3"] { margin-top: 3rem; }
[mt="auto"] { margin-top: auto; }
/* margin-bottom */
[mb="0"] { margin-bottom: 0; }
[mb="0.5"] { margin-bottom: 0.5rem; }
[mb="1"] { margin-bottom: 1rem; }
[mb="1.5"] { margin-bottom: 1.5rem; }
[mb="2"] { margin-bottom: 2rem; }
[mb="2.5"] { margin-bottom: 2.5rem; }
[mb="3"] { margin-bottom: 3rem; }
[mb="auto"] { margin-bottom: auto; }
/* margin-left */
[ml="0"] { margin-left: 0; }
[ml="0.5"] { margin-left: 0.5rem; }
[ml="1"] { margin-left: 1rem; }
[ml="1.5"] { margin-left: 1.5rem; }
[ml="2"] { margin-left: 2rem; }
[ml="2.5"] { margin-left: 2.5rem; }
[ml="3"] { margin-left: 3rem; }
[ml="1ch"] { margin-left: 1ch; }
[ml="word"] { margin-left: 0.35em; }
[ml="auto"] { margin-left: auto; }
/* margin-right */
[mr="0"] { margin-right: 0; }
[mr="0.5"] { margin-right: 0.5rem; }
[mr="1"] { margin-right: 1rem; }
[mr="1.5"] { margin-right: 1.5rem; }
[mr="2"] { margin-right: 2rem; }
[mr="2.5"] { margin-right: 2.5rem; }
[mr="3"] { margin-right: 3rem; }
[mr="1ch"] { margin-right: 1ch; }
[mr="word"] { margin-right: 0.35em; }
[mr="auto"] { margin-right: auto; }
/* padding-top; padding-bottom */
[py="0"] { padding-top: 0; padding-bottom: 0; }
[py="0.5"] { padding-top: 0.5rem; padding-bottom: 0.5rem; }
[py="1"] { padding-top: 1rem; padding-bottom: 1rem; }
[py="1.5"] { padding-top: 1.5rem; padding-bottom: 1.5rem; }
[py="2"] { padding-top: 2rem; padding-bottom: 2rem; }
[py="2.5"] { padding-top: 2.5rem; padding-bottom: 2.5rem; }
[py="3"] { padding-top: 3rem; padding-bottom: 3rem; }
/* margin-top; margin-bottom */
[my="0"] { margin-top: 0; margin-bottom: 0; }
[my="0.5"] { margin-top: 0.5rem; margin-bottom: 0.5rem; }
[my="1"] { margin-top: 1rem; margin-bottom: 1rem; }
[my="1.5"] { margin-top: 1.5rem; margin-bottom: 1.5rem; }
[my="2"] { margin-top: 2rem; margin-bottom: 2rem; }
[my="2.5"] { margin-top: 2.5rem; margin-bottom: 2.5rem; }
[my="3"] { margin-top: 3rem; margin-bottom: 3rem; }
[my="auto"] { margin-top: auto; margin-bottom: auto; }
/* padding-left; padding-right */
[px="0"] { padding-left: 0; padding-right: 0; }
[px="0.5"] { padding-left: 0.5rem; padding-right: 0.5rem; }
[px="1"] { padding-left: 1rem; padding-right: 1rem; }
[px="1.5"] { padding-left: 1.5rem; padding-right: 1.5rem; }
[px="2"] { padding-left: 2rem; padding-right: 2rem; }
[px="2.5"] { padding-left: 2.5rem; padding-right: 2.5rem; }
[px="3"] { padding-left: 3rem; padding-right: 3rem; }
/* margin-left; margin-right */
[mx="0"] { margin-left: 0; margin-right: 0; }
[mx="0.5"] { margin-left: 0.5rem; margin-right: 0.5rem; }
[mx="1"] { margin-left: 1rem; margin-right: 1rem; }
[mx="1.5"] { margin-left: 1.5rem; margin-right: 1.5rem; }
[mx="2"] { margin-left: 2rem; margin-right: 2rem; }
[mx="2.5"] { margin-left: 2.5rem; margin-right: 2.5rem; }
[mx="3"] { margin-left: 3rem; margin-right: 3rem; }
[mx="auto"] { margin-left: auto; margin-right: auto; }
/* margin-inline-start */
[ms="0"] { margin-inline-start: 0; }
[ms="0.5"] { margin-inline-start: 0.5rem; }
[ms="1"] { margin-inline-start: 1rem; }
[ms="1ch"] { margin-inline-start: 1ch; }
[ms="word"] { margin-inline-start: 0.35em; }
[ms="auto"] { margin-inline-start: auto; }
/* margin-inline-end */
[me="0"] { margin-inline-end: 0; }
[me="0.5"] { margin-inline-end: 0.5rem; }
[me="1"] { margin-inline-end: 1rem; }
[me="1ch"] { margin-inline-end: 1ch; }
[me="word"] { margin-inline-end: 0.35em; }
[me="auto"] { margin-inline-end: auto; }
/* display, flex, grid, gap, order, place- */
[display="unset"], [unset] { display: unset; }
[display="block"],[block] { display: block; }
[display="inline"], [inline] { display: inline; }
[display="inline-block"], [inline-block] { display: inline-block; }
[display="contents"], [contents] { display: contents; }
[display="flex"], [flex] { display: flex }
[flex="row"] { display: flex; flex-direction: row; }
[flex="col"] { display: flex; flex-direction: column; }
[display="inline-flex"], [inline-flex] { display: inline-flex; }
[inner-flex="row"] { display: inline-flex; flex-direction: row; }
[inner-flex="col"] { display: inline-flex; flex-direction: column; }
[flex-wrap="wrap"], [flex-wrap] { flex-wrap: wrap; }
[flex-wrap="wrap-nice"] { flex-wrap: wrap; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
[flex-wrap="nowrap"] { flex-wrap: nowrap; }
[flex-shrink] { flex-grow: 0; flex-shrink: 1; flex-basis: auto; }
[flex-noshrink] { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
[flex-grow] { flex-grow: 1; flex-shrink: 1; flex-basis: 0%; }
[display="grid"], [grid] { display: grid; }
[display="inline-grid"], [inline-grid] { display: inline-grid; }
[gap="0"] { grid-column-gap: 0; grid-row-gap: 0; gap: 0; }
[gap="1-1"] { gap: 1rem 1rem; }
[gap="1-2"] { gap: 1rem 2rem; }
[gap="1-3"] { gap: 1rem 3rem; }
[gap="2-1"] { gap: 2rem 1rem; }
[gap="2-2"] { gap: 2rem 2rem; }
[gap="2-3"] { gap: 2rem 3rem; }
[gap="3-1"] { gap: 3rem 1rem; }
[gap="3-2"] { gap: 3rem 2rem; }
[gap="3-3"] { gap: 3rem 3rem; }
[gap="1ch"] { gap: 1ch; }
[gap="word"] { gap: 0.35em; word-spacing: 0em; letter-spacing: normal; }
[order="first"] { order: -999; }
[order="last"] { order: 999; }
/* place-content */
[place-content="center"] { place-content: center; }
[place-content="start"] { place-content: start; } [place-content="end"] { place-content: end; }
[place-content="between"] { place-content: space-between; }
[place-content="around"] { place-content: space-around; }
[place-content="evenly"] { place-content: space-evenly; }
[place-content="baseline"] { place-content: baseline; }
[place-content="stretch"] { place-content: stretch; }
/* place-items */
[place-items="start"] { place-items: start; } [place-items="end"] { place-items: end; }
[place-items="center"] { place-items: center; }
[place-items="baseline"] { place-items: baseline; }
[place-items="stretch"] { place-items: stretch; }
/* place-self */
[place-self="auto"] { place-self: auto; }
[place-self="start"] { place-self: start; } [place-self="end"] { place-self: end; }
[place-self="center"] { place-self: center; }
[place-self="stretch"] { place-self: stretch; }
/* color, background, border, outline, appearance */
[color="inherit"] { color: inherit; }
[color="transparent"] { color: transparent; }
[bg="inherit"] { background-color: inherit; }
[bg="transparent"] { background-color: transparent; }
[bg="none"] { background: none; }
[border="inherit"] { border-color: inherit; }
[border="transparent"] { border-color: transparent; }
[border="none"] { border: none; }
[outline="none"] { outline: none; }
[appearance="none"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* shadow, text-shadow */
[shadow="none"] { box-shadow: none; }
[text-shadow="none"] { text-shadow: none; }
/* overflow */
[overflow="auto"] { overflow: auto; }
[overflow="scroll"] { overflow: scroll; }
[overflow="visible"] { overflow: visible; }
[overflow="hidden"] { overflow: hidden; } [overflow="clip"] { overflow: clip; }
[overflow-y="auto"] { overflow-y: auto; }
[overflow-y="scroll"] { overflow-y: scroll; }
[overflow-y="visible"] { overflow-y: visible; }
[overflow-y="hidden"] { overflow-y: hidden; } [overflow-y="clip"] { overflow-y: clip; }
[overflow-x="auto"] { overflow-x: auto; }
[overflow-x="scroll"] { overflow-x: scroll; }
[overflow-x="visible"] { overflow-x: visible; }
[overflow-x="hidden"] { overflow-x: hidden; } [overflow-x="clip"] { overflow-x: clip; }
/* overscroll */
[overscroll="auto"] { overscroll-behavior: auto; }
[overscroll="contain"] { overscroll-behavior: contain; }
[overscroll="none"] { overscroll-behavior: none; -ms-overflow-style: none; touch-action: pan-x pan-y; }
/* no-scrollbar */
[no-scrollbar] { -ms-overflow-style: none; scrollbar-width: none; }
[no-scrollbar]::-webkit-scrollbar { width: 0px; height: 0px; }
[no-scrollbar]::-webkit-scrollbar-thumb { background-color: transparent; }
/* misc */
[object-fit="cover"] { object-fit: cover; }
[object-fit="contain"] { object-fit: contain; }
[object-fit="scale-down"] { object-fit: scale-down; }
[object-fit="fill"] { object-fit: fill; }
[object-fit="none"] { object-fit: none; }
[flip="h"] { transform: scaleX(-1); }
[flip="v"] { transform: scaleY(-1); }
[isolate] { isolation: isolate; }
/* visually-hidden */
/* for accessibility: hidden for visual users, readable for screen readers */
[visually-hidden="true"], .visually-hidden {
position: absolute;
width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0;
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%); clip-path: inset(0px 0px 99.9% 99.9%);
white-space: nowrap;
}