@webref/css 5.4.4 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +66 -0
- package/CSS.json +450 -21
- package/README.md +4 -4
- package/SVG.json +42 -35
- package/compat.json +111 -75
- package/compositing.json +101 -12
- package/css-align.json +300 -30
- package/css-anchor.json +177 -19
- package/css-animations-2.json +37 -15
- package/css-animations.json +155 -31
- package/css-backgrounds-4.json +107 -32
- package/css-backgrounds.json +426 -59
- package/css-box.json +243 -20
- package/css-break.json +292 -11
- package/css-cascade-6.json +22 -13
- package/css-cascade.json +50 -15
- package/css-color-5.json +320 -35
- package/css-color-adjust.json +75 -8
- package/css-color.json +1100 -61
- package/css-conditional-4.json +11 -6
- package/css-conditional-5.json +38 -19
- package/css-conditional.json +28 -15
- package/css-contain-3.json +101 -26
- package/css-contain.json +71 -6
- package/css-content.json +291 -30
- package/css-counter-styles.json +455 -18
- package/css-display.json +250 -19
- package/css-easing.json +137 -25
- package/css-env.json +61 -6
- package/css-exclusions.json +65 -6
- package/css-extensions.json +20 -12
- package/css-flexbox.json +132 -11
- package/css-fonts-5.json +255 -13
- package/css-fonts.json +886 -74
- package/css-gcpm-4.json +30 -5
- package/css-gcpm.json +76 -15
- package/css-grid-3.json +10 -9
- package/css-grid.json +442 -42
- package/css-highlight-api.json +13 -5
- package/css-images-4.json +221 -68
- package/css-images-5.json +40 -0
- package/css-images.json +278 -33
- package/css-inline.json +525 -16
- package/css-layout-api.json +20 -0
- package/css-line-grid.json +80 -7
- package/css-lists.json +176 -21
- package/css-logical.json +125 -50
- package/css-masking.json +330 -47
- package/css-multicol-2.json +32 -5
- package/css-multicol.json +84 -13
- package/css-namespaces.json +15 -10
- package/css-nav.json +63 -7
- package/css-nesting.json +15 -0
- package/css-overflow-4.json +83 -10
- package/css-overflow.json +239 -18
- package/css-overscroll.json +110 -9
- package/css-page-floats.json +188 -16
- package/css-page.json +262 -67
- package/css-paint-api.json +8 -5
- package/css-position.json +269 -16
- package/css-properties-values-api.json +9 -7
- package/css-pseudo.json +67 -0
- package/css-regions.json +8 -7
- package/css-rhythm.json +69 -10
- package/css-round-display.json +47 -10
- package/css-ruby.json +137 -8
- package/css-scoping.json +27 -0
- package/css-scroll-anchoring.json +20 -5
- package/css-scroll-snap-2.json +272 -10
- package/css-scroll-snap.json +218 -29
- package/css-scrollbars.json +41 -6
- package/css-shadow-parts.json +8 -5
- package/css-shapes-2.json +190 -43
- package/css-shapes.json +130 -36
- package/css-size-adjust.json +26 -5
- package/css-sizing-4.json +404 -23
- package/css-sizing.json +231 -12
- package/css-speech.json +619 -35
- package/css-syntax.json +193 -92
- package/css-tables.json +10 -9
- package/css-text-4.json +800 -40
- package/css-text-decor-4.json +394 -23
- package/css-text-decor.json +159 -14
- package/css-text.json +371 -20
- package/css-transforms-2.json +177 -40
- package/css-transforms.json +137 -45
- package/css-transitions.json +33 -14
- package/css-ui.json +437 -42
- package/css-values-5.json +99 -14
- package/css-values.json +654 -146
- package/css-variables.json +12 -7
- package/css-view-transitions.json +45 -7
- package/css-will-change.json +36 -7
- package/css-writing-modes.json +141 -10
- package/fill-stroke.json +290 -35
- package/filter-effects-2.json +6 -5
- package/filter-effects.json +109 -45
- package/fullscreen.json +15 -0
- package/mathml-core.json +10 -9
- package/mediaqueries-5.json +505 -52
- package/mediaqueries.json +307 -40
- package/motion.json +99 -16
- package/package.json +1 -1
- package/scroll-animations.json +225 -24
- package/selectors.json +368 -30
- package/svg-strokes.json +8 -7
- package/upgrade-insecure-requests.json +26 -0
- package/html.json +0 -19
package/css-scroll-snap-2.json
CHANGED
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
"title": "CSS Scroll Snap Module Level 2",
|
|
4
4
|
"url": "https://drafts.csswg.org/css-scroll-snap-2/"
|
|
5
5
|
},
|
|
6
|
-
"properties":
|
|
7
|
-
|
|
6
|
+
"properties": [
|
|
7
|
+
{
|
|
8
8
|
"name": "scroll-start",
|
|
9
9
|
"value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage [0,∞]> ]{1,2}",
|
|
10
10
|
"initial": "see individual properties",
|
|
@@ -14,12 +14,44 @@
|
|
|
14
14
|
"computedValue": "see individual properties",
|
|
15
15
|
"animationType": "see individual properties",
|
|
16
16
|
"canonicalOrder": "per grammar",
|
|
17
|
+
"values": [
|
|
18
|
+
{
|
|
19
|
+
"name": "auto",
|
|
20
|
+
"prose": "...",
|
|
21
|
+
"type": "value",
|
|
22
|
+
"value": "auto"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"name": "<length-percentage [0,∞]>",
|
|
26
|
+
"prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
|
|
27
|
+
"type": "value",
|
|
28
|
+
"value": "<length-percentage [0,∞]>"
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"name": "start",
|
|
32
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
33
|
+
"type": "value",
|
|
34
|
+
"value": "start"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "center",
|
|
38
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
39
|
+
"type": "value",
|
|
40
|
+
"value": "center"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "end",
|
|
44
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
45
|
+
"type": "value",
|
|
46
|
+
"value": "end"
|
|
47
|
+
}
|
|
48
|
+
],
|
|
17
49
|
"styleDeclaration": [
|
|
18
50
|
"scroll-start",
|
|
19
51
|
"scrollStart"
|
|
20
52
|
]
|
|
21
53
|
},
|
|
22
|
-
|
|
54
|
+
{
|
|
23
55
|
"name": "scroll-start-target",
|
|
24
56
|
"value": "[ none | auto ]",
|
|
25
57
|
"initial": "see individual properties",
|
|
@@ -29,12 +61,26 @@
|
|
|
29
61
|
"computedValue": "see individual properties",
|
|
30
62
|
"animationType": "see individual properties",
|
|
31
63
|
"canonicalOrder": "per grammar",
|
|
64
|
+
"values": [
|
|
65
|
+
{
|
|
66
|
+
"name": "none",
|
|
67
|
+
"prose": "Element is not a scroll-start-target.",
|
|
68
|
+
"type": "value",
|
|
69
|
+
"value": "none"
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "auto",
|
|
73
|
+
"prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
|
|
74
|
+
"type": "value",
|
|
75
|
+
"value": "auto"
|
|
76
|
+
}
|
|
77
|
+
],
|
|
32
78
|
"styleDeclaration": [
|
|
33
79
|
"scroll-start-target",
|
|
34
80
|
"scrollStartTarget"
|
|
35
81
|
]
|
|
36
82
|
},
|
|
37
|
-
|
|
83
|
+
{
|
|
38
84
|
"name": "scroll-start-x",
|
|
39
85
|
"value": "auto | start | end | center | <length-percentage [0,∞]>",
|
|
40
86
|
"initial": "auto",
|
|
@@ -44,12 +90,44 @@
|
|
|
44
90
|
"computedValue": "the keyword auto or a computed <length-percentage> value",
|
|
45
91
|
"canonicalOrder": "per grammar",
|
|
46
92
|
"animationType": "by computed value type",
|
|
93
|
+
"values": [
|
|
94
|
+
{
|
|
95
|
+
"name": "auto",
|
|
96
|
+
"prose": "...",
|
|
97
|
+
"type": "value",
|
|
98
|
+
"value": "auto"
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"name": "<length-percentage [0,∞]>",
|
|
102
|
+
"prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
|
|
103
|
+
"type": "value",
|
|
104
|
+
"value": "<length-percentage [0,∞]>"
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
"name": "start",
|
|
108
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
109
|
+
"type": "value",
|
|
110
|
+
"value": "start"
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
"name": "center",
|
|
114
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
115
|
+
"type": "value",
|
|
116
|
+
"value": "center"
|
|
117
|
+
},
|
|
118
|
+
{
|
|
119
|
+
"name": "end",
|
|
120
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
121
|
+
"type": "value",
|
|
122
|
+
"value": "end"
|
|
123
|
+
}
|
|
124
|
+
],
|
|
47
125
|
"styleDeclaration": [
|
|
48
126
|
"scroll-start-x",
|
|
49
127
|
"scrollStartX"
|
|
50
128
|
]
|
|
51
129
|
},
|
|
52
|
-
|
|
130
|
+
{
|
|
53
131
|
"name": "scroll-start-y",
|
|
54
132
|
"value": "auto | start | end | center | <length-percentage [0,∞]>",
|
|
55
133
|
"initial": "auto",
|
|
@@ -59,12 +137,44 @@
|
|
|
59
137
|
"computedValue": "the keyword auto or a computed <length-percentage> value",
|
|
60
138
|
"canonicalOrder": "per grammar",
|
|
61
139
|
"animationType": "by computed value type",
|
|
140
|
+
"values": [
|
|
141
|
+
{
|
|
142
|
+
"name": "auto",
|
|
143
|
+
"prose": "...",
|
|
144
|
+
"type": "value",
|
|
145
|
+
"value": "auto"
|
|
146
|
+
},
|
|
147
|
+
{
|
|
148
|
+
"name": "<length-percentage [0,∞]>",
|
|
149
|
+
"prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
|
|
150
|
+
"type": "value",
|
|
151
|
+
"value": "<length-percentage [0,∞]>"
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"name": "start",
|
|
155
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
156
|
+
"type": "value",
|
|
157
|
+
"value": "start"
|
|
158
|
+
},
|
|
159
|
+
{
|
|
160
|
+
"name": "center",
|
|
161
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
162
|
+
"type": "value",
|
|
163
|
+
"value": "center"
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "end",
|
|
167
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
168
|
+
"type": "value",
|
|
169
|
+
"value": "end"
|
|
170
|
+
}
|
|
171
|
+
],
|
|
62
172
|
"styleDeclaration": [
|
|
63
173
|
"scroll-start-y",
|
|
64
174
|
"scrollStartY"
|
|
65
175
|
]
|
|
66
176
|
},
|
|
67
|
-
|
|
177
|
+
{
|
|
68
178
|
"name": "scroll-start-inline",
|
|
69
179
|
"value": "auto | start | end | center | <length-percentage [0,∞]>",
|
|
70
180
|
"initial": "auto",
|
|
@@ -74,12 +184,44 @@
|
|
|
74
184
|
"computedValue": "the keyword auto or a computed <length-percentage> value",
|
|
75
185
|
"canonicalOrder": "per grammar",
|
|
76
186
|
"animationType": "by computed value type",
|
|
187
|
+
"values": [
|
|
188
|
+
{
|
|
189
|
+
"name": "auto",
|
|
190
|
+
"prose": "...",
|
|
191
|
+
"type": "value",
|
|
192
|
+
"value": "auto"
|
|
193
|
+
},
|
|
194
|
+
{
|
|
195
|
+
"name": "<length-percentage [0,∞]>",
|
|
196
|
+
"prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
|
|
197
|
+
"type": "value",
|
|
198
|
+
"value": "<length-percentage [0,∞]>"
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"name": "start",
|
|
202
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
203
|
+
"type": "value",
|
|
204
|
+
"value": "start"
|
|
205
|
+
},
|
|
206
|
+
{
|
|
207
|
+
"name": "center",
|
|
208
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
209
|
+
"type": "value",
|
|
210
|
+
"value": "center"
|
|
211
|
+
},
|
|
212
|
+
{
|
|
213
|
+
"name": "end",
|
|
214
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
215
|
+
"type": "value",
|
|
216
|
+
"value": "end"
|
|
217
|
+
}
|
|
218
|
+
],
|
|
77
219
|
"styleDeclaration": [
|
|
78
220
|
"scroll-start-inline",
|
|
79
221
|
"scrollStartInline"
|
|
80
222
|
]
|
|
81
223
|
},
|
|
82
|
-
|
|
224
|
+
{
|
|
83
225
|
"name": "scroll-start-block",
|
|
84
226
|
"value": "auto | start | end | center | <length-percentage [0,∞]>",
|
|
85
227
|
"initial": "auto",
|
|
@@ -89,12 +231,132 @@
|
|
|
89
231
|
"computedValue": "the keyword auto or a computed <length-percentage> value",
|
|
90
232
|
"canonicalOrder": "per grammar",
|
|
91
233
|
"animationType": "by computed value type",
|
|
234
|
+
"values": [
|
|
235
|
+
{
|
|
236
|
+
"name": "auto",
|
|
237
|
+
"prose": "...",
|
|
238
|
+
"type": "value",
|
|
239
|
+
"value": "auto"
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
"name": "<length-percentage [0,∞]>",
|
|
243
|
+
"prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
|
|
244
|
+
"type": "value",
|
|
245
|
+
"value": "<length-percentage [0,∞]>"
|
|
246
|
+
},
|
|
247
|
+
{
|
|
248
|
+
"name": "start",
|
|
249
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
250
|
+
"type": "value",
|
|
251
|
+
"value": "start"
|
|
252
|
+
},
|
|
253
|
+
{
|
|
254
|
+
"name": "center",
|
|
255
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
256
|
+
"type": "value",
|
|
257
|
+
"value": "center"
|
|
258
|
+
},
|
|
259
|
+
{
|
|
260
|
+
"name": "end",
|
|
261
|
+
"prose": "Equivalent to 0%, 50%, and 100%, respectively.",
|
|
262
|
+
"type": "value",
|
|
263
|
+
"value": "end"
|
|
264
|
+
}
|
|
265
|
+
],
|
|
92
266
|
"styleDeclaration": [
|
|
93
267
|
"scroll-start-block",
|
|
94
268
|
"scrollStartBlock"
|
|
95
269
|
]
|
|
96
270
|
}
|
|
97
|
-
|
|
98
|
-
"atrules":
|
|
99
|
-
"
|
|
271
|
+
],
|
|
272
|
+
"atrules": [],
|
|
273
|
+
"selectors": [
|
|
274
|
+
{
|
|
275
|
+
"name": ":snapped",
|
|
276
|
+
"prose": "The :snapped pseudo-class matches any scroll snap targets, regardless of axis. The longform physical and logical pseudo-class selectors allow for more finite snapped children styling as they can target an individual axis."
|
|
277
|
+
},
|
|
278
|
+
{
|
|
279
|
+
"name": ":snapped-x",
|
|
280
|
+
"prose": "Matches the child snapped on the horizontal axis."
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"name": ":snapped-y",
|
|
284
|
+
"prose": "Matches the child snapped on the vertical axis."
|
|
285
|
+
},
|
|
286
|
+
{
|
|
287
|
+
"name": ":snapped-inline",
|
|
288
|
+
"prose": "Matches the child snapped on the inline axis."
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"name": ":snapped-block",
|
|
292
|
+
"prose": "Matches the child snapped on the block axis."
|
|
293
|
+
}
|
|
294
|
+
],
|
|
295
|
+
"values": [],
|
|
296
|
+
"warnings": [
|
|
297
|
+
{
|
|
298
|
+
"msg": "Dangling value",
|
|
299
|
+
"name": "none",
|
|
300
|
+
"prose": "Element is not a scroll-start-target.",
|
|
301
|
+
"type": "value",
|
|
302
|
+
"value": "none",
|
|
303
|
+
"for": "scroll-start-target-x"
|
|
304
|
+
},
|
|
305
|
+
{
|
|
306
|
+
"msg": "Dangling value",
|
|
307
|
+
"name": "none",
|
|
308
|
+
"prose": "Element is not a scroll-start-target.",
|
|
309
|
+
"type": "value",
|
|
310
|
+
"value": "none",
|
|
311
|
+
"for": "scroll-start-target-y"
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
"msg": "Dangling value",
|
|
315
|
+
"name": "none",
|
|
316
|
+
"prose": "Element is not a scroll-start-target.",
|
|
317
|
+
"type": "value",
|
|
318
|
+
"value": "none",
|
|
319
|
+
"for": "scroll-start-target-block"
|
|
320
|
+
},
|
|
321
|
+
{
|
|
322
|
+
"msg": "Dangling value",
|
|
323
|
+
"name": "none",
|
|
324
|
+
"prose": "Element is not a scroll-start-target.",
|
|
325
|
+
"type": "value",
|
|
326
|
+
"value": "none",
|
|
327
|
+
"for": "scroll-start-target-inline"
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
"msg": "Dangling value",
|
|
331
|
+
"name": "auto",
|
|
332
|
+
"prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
|
|
333
|
+
"type": "value",
|
|
334
|
+
"value": "auto",
|
|
335
|
+
"for": "scroll-start-target-x"
|
|
336
|
+
},
|
|
337
|
+
{
|
|
338
|
+
"msg": "Dangling value",
|
|
339
|
+
"name": "auto",
|
|
340
|
+
"prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
|
|
341
|
+
"type": "value",
|
|
342
|
+
"value": "auto",
|
|
343
|
+
"for": "scroll-start-target-y"
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
"msg": "Dangling value",
|
|
347
|
+
"name": "auto",
|
|
348
|
+
"prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
|
|
349
|
+
"type": "value",
|
|
350
|
+
"value": "auto",
|
|
351
|
+
"for": "scroll-start-target-block"
|
|
352
|
+
},
|
|
353
|
+
{
|
|
354
|
+
"msg": "Dangling value",
|
|
355
|
+
"name": "auto",
|
|
356
|
+
"prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
|
|
357
|
+
"type": "value",
|
|
358
|
+
"value": "auto",
|
|
359
|
+
"for": "scroll-start-target-inline"
|
|
360
|
+
}
|
|
361
|
+
]
|
|
100
362
|
}
|