@webref/css 4.3.2 → 5.0.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.
Files changed (99) hide show
  1. package/CSS.json +1 -1
  2. package/README.md +2 -2
  3. package/SVG.json +1 -1
  4. package/compat.json +17 -17
  5. package/compositing.json +1 -1
  6. package/css-align.json +1 -1
  7. package/css-animations-2.json +1 -1
  8. package/css-animations.json +6 -1
  9. package/css-backgrounds-4.json +1 -1
  10. package/css-backgrounds.json +1 -1
  11. package/css-box.json +1 -1
  12. package/css-break.json +1 -1
  13. package/css-cascade-6.json +6 -1
  14. package/css-cascade.json +12 -3
  15. package/css-color-5.json +24 -25
  16. package/css-color-adjust.json +1 -1
  17. package/css-color.json +10 -7
  18. package/css-conditional-4.json +1 -1
  19. package/css-conditional-5.json +10 -1
  20. package/css-conditional.json +10 -1
  21. package/css-contain-3.json +42 -49
  22. package/css-contain.json +1 -1
  23. package/css-content.json +1 -1
  24. package/css-counter-styles.json +66 -81
  25. package/css-device-adapt.json +93 -111
  26. package/css-display.json +1 -1
  27. package/css-easing.json +15 -3
  28. package/css-env.json +1 -1
  29. package/css-exclusions.json +1 -1
  30. package/css-extensions.json +6 -1
  31. package/css-flexbox.json +1 -1
  32. package/css-fonts-5.json +59 -73
  33. package/css-fonts.json +124 -141
  34. package/css-gcpm-4.json +1 -1
  35. package/css-gcpm.json +1 -1
  36. package/css-grid-3.json +1 -1
  37. package/css-grid.json +1 -1
  38. package/css-highlight-api.json +1 -1
  39. package/css-images-4.json +1 -1
  40. package/css-images.json +1 -1
  41. package/css-inline.json +1 -1
  42. package/css-line-grid.json +1 -1
  43. package/css-lists.json +1 -1
  44. package/css-logical.json +1 -1
  45. package/css-masking.json +1 -1
  46. package/css-multicol-2.json +1 -1
  47. package/css-multicol.json +1 -1
  48. package/css-namespaces.json +6 -1
  49. package/css-nav.json +1 -1
  50. package/css-nesting.json +14 -0
  51. package/css-overflow-4.json +2 -2
  52. package/css-overflow.json +1 -1
  53. package/css-overscroll.json +1 -1
  54. package/css-page-floats.json +1 -1
  55. package/css-page.json +98 -37
  56. package/css-paint-api.json +1 -1
  57. package/css-position.json +1 -1
  58. package/css-properties-values-api.json +24 -25
  59. package/css-regions.json +1 -1
  60. package/css-rhythm.json +1 -1
  61. package/css-round-display.json +23 -19
  62. package/css-ruby.json +1 -1
  63. package/css-scroll-anchoring.json +1 -1
  64. package/css-scroll-snap-2.json +1 -1
  65. package/css-scroll-snap.json +1 -1
  66. package/css-scrollbars.json +1 -1
  67. package/css-shadow-parts.json +1 -1
  68. package/css-shapes-2.json +1 -1
  69. package/css-shapes.json +1 -1
  70. package/css-size-adjust.json +1 -1
  71. package/css-sizing-4.json +1 -1
  72. package/css-sizing.json +1 -1
  73. package/css-speech.json +5 -2
  74. package/css-syntax.json +1 -1
  75. package/css-tables.json +1 -1
  76. package/css-text-4.json +1 -1
  77. package/css-text-decor-4.json +1 -1
  78. package/css-text-decor.json +1 -1
  79. package/css-text.json +1 -1
  80. package/css-transforms-2.json +2 -2
  81. package/css-transforms.json +1 -1
  82. package/css-transitions.json +1 -1
  83. package/css-ui.json +1 -1
  84. package/css-values-5.json +1 -1
  85. package/css-values.json +1 -1
  86. package/css-variables.json +3 -3
  87. package/css-will-change.json +1 -1
  88. package/css-writing-modes.json +1 -1
  89. package/fill-stroke.json +1 -1
  90. package/filter-effects-2.json +1 -1
  91. package/filter-effects.json +2 -2
  92. package/html.json +1 -1
  93. package/mediaqueries-5.json +232 -298
  94. package/mediaqueries.json +132 -170
  95. package/motion.json +1 -1
  96. package/package.json +2 -2
  97. package/scroll-animations.json +113 -32
  98. package/selectors.json +1 -1
  99. package/svg-strokes.json +1 -1
@@ -4,303 +4,237 @@
4
4
  "url": "https://drafts.csswg.org/mediaqueries-5/"
5
5
  },
6
6
  "properties": {},
7
- "descriptors": {
8
- "width": [
9
- {
10
- "name": "width",
11
- "for": "@media",
12
- "value": "<length>",
13
- "type": "range"
14
- }
15
- ],
16
- "height": [
17
- {
18
- "name": "height",
19
- "for": "@media",
20
- "value": "<length>",
21
- "type": "range"
22
- }
23
- ],
24
- "aspect-ratio": [
25
- {
26
- "name": "aspect-ratio",
27
- "for": "@media",
28
- "value": "<ratio>",
29
- "type": "range"
30
- }
31
- ],
32
- "orientation": [
33
- {
34
- "name": "orientation",
35
- "for": "@media",
36
- "value": "portrait | landscape",
37
- "type": "discrete"
38
- }
39
- ],
40
- "overflow-block": [
41
- {
42
- "name": "overflow-block",
43
- "for": "@media",
44
- "value": "none | scroll | paged",
45
- "type": "discrete"
46
- }
47
- ],
48
- "overflow-inline": [
49
- {
50
- "name": "overflow-inline",
51
- "for": "@media",
52
- "value": "none | scroll",
53
- "type": "discrete"
54
- }
55
- ],
56
- "horizontal-viewport-segments": [
57
- {
58
- "name": "horizontal-viewport-segments",
59
- "for": "@media",
60
- "value": "<integer>",
61
- "type": "range"
62
- }
63
- ],
64
- "vertical-viewport-segments": [
65
- {
66
- "name": "vertical-viewport-segments",
67
- "for": "@media",
68
- "value": "<integer>",
69
- "type": "range"
70
- }
71
- ],
72
- "display-mode": [
73
- {
74
- "name": "display-mode",
75
- "for": "@media",
76
- "value": "fullscreen | standalone | minimal-ui | browser",
77
- "type": "discrete"
78
- }
79
- ],
80
- "resolution": [
81
- {
82
- "name": "resolution",
83
- "for": "@media",
84
- "value": "<resolution> | infinite",
85
- "type": "range"
86
- }
87
- ],
88
- "scan": [
89
- {
90
- "name": "scan",
91
- "for": "@media",
92
- "value": "interlace | progressive",
93
- "type": "discrete"
94
- }
95
- ],
96
- "grid": [
97
- {
98
- "name": "grid",
99
- "for": "@media",
100
- "value": "<mq-boolean>",
101
- "type": "discrete"
102
- }
103
- ],
104
- "update": [
105
- {
106
- "name": "update",
107
- "for": "@media",
108
- "value": "none | slow | fast",
109
- "type": "discrete"
110
- }
111
- ],
112
- "environment-blending": [
113
- {
114
- "name": "environment-blending",
115
- "for": "@media",
116
- "value": "opaque | additive | subtractive",
117
- "type": "discrete"
118
- }
119
- ],
120
- "color": [
121
- {
122
- "name": "color",
123
- "for": "@media",
124
- "value": "<integer>",
125
- "type": "range"
126
- }
127
- ],
128
- "color-index": [
129
- {
130
- "name": "color-index",
131
- "for": "@media",
132
- "value": "<integer>",
133
- "type": "range"
134
- }
135
- ],
136
- "monochrome": [
137
- {
138
- "name": "monochrome",
139
- "for": "@media",
140
- "value": "<integer>",
141
- "type": "range"
142
- }
143
- ],
144
- "color-gamut": [
145
- {
146
- "name": "color-gamut",
147
- "for": "@media",
148
- "value": "srgb | p3 | rec2020",
149
- "type": "discrete"
150
- }
151
- ],
152
- "dynamic-range": [
153
- {
154
- "name": "dynamic-range",
155
- "for": "@media",
156
- "value": "standard | high",
157
- "type": "discrete"
158
- }
159
- ],
160
- "inverted-colors": [
161
- {
162
- "name": "inverted-colors",
163
- "for": "@media",
164
- "value": "none | inverted",
165
- "type": "discrete"
166
- }
167
- ],
168
- "pointer": [
169
- {
170
- "name": "pointer",
171
- "for": "@media",
172
- "value": "none | coarse | fine",
173
- "type": "discrete"
174
- }
175
- ],
176
- "hover": [
177
- {
178
- "name": "hover",
179
- "for": "@media",
180
- "value": "none | hover",
181
- "type": "discrete"
182
- }
183
- ],
184
- "any-pointer": [
185
- {
186
- "name": "any-pointer",
187
- "for": "@media",
188
- "value": "none | coarse | fine",
189
- "type": "discrete"
190
- }
191
- ],
192
- "any-hover": [
193
- {
194
- "name": "any-hover",
195
- "for": "@media",
196
- "value": "none | hover",
197
- "type": "discrete"
198
- }
199
- ],
200
- "nav-controls": [
201
- {
202
- "name": "nav-controls",
203
- "for": "@media",
204
- "value": "none | back",
205
- "type": "discrete"
206
- }
207
- ],
208
- "video-color-gamut": [
209
- {
210
- "name": "video-color-gamut",
211
- "for": "@media",
212
- "value": "srgb | p3 | rec2020",
213
- "type": "discrete"
214
- }
215
- ],
216
- "video-dynamic-range": [
217
- {
218
- "name": "video-dynamic-range",
219
- "for": "@media",
220
- "value": "standard | high",
221
- "type": "discrete"
222
- }
223
- ],
224
- "scripting": [
225
- {
226
- "name": "scripting",
227
- "for": "@media",
228
- "value": "none | initial-only | enabled",
229
- "type": "discrete"
230
- }
231
- ],
232
- "prefers-reduced-motion": [
233
- {
234
- "name": "prefers-reduced-motion",
235
- "for": "@media",
236
- "value": "no-preference | reduce",
237
- "type": "discrete"
238
- }
239
- ],
240
- "prefers-reduced-transparency": [
241
- {
242
- "name": "prefers-reduced-transparency",
243
- "for": "@media",
244
- "value": "no-preference | reduce",
245
- "type": "discrete"
246
- }
247
- ],
248
- "prefers-contrast": [
249
- {
250
- "name": "prefers-contrast",
251
- "for": "@media",
252
- "value": "no-preference | less | more | custom",
253
- "type": "discrete"
254
- }
255
- ],
256
- "forced-colors": [
257
- {
258
- "name": "forced-colors",
259
- "for": "@media",
260
- "value": "none | active",
261
- "type": "discrete"
262
- }
263
- ],
264
- "prefers-color-scheme": [
265
- {
266
- "name": "prefers-color-scheme",
267
- "for": "@media",
268
- "value": "light | dark",
269
- "type": "discrete"
270
- }
271
- ],
272
- "prefers-reduced-data": [
273
- {
274
- "name": "prefers-reduced-data",
275
- "for": "@media",
276
- "value": "no-preference | reduce",
277
- "type": "discrete"
278
- }
279
- ],
280
- "device-width": [
281
- {
282
- "name": "device-width",
283
- "for": "@media",
284
- "value": "<length>",
285
- "type": "range"
286
- }
287
- ],
288
- "device-height": [
289
- {
290
- "name": "device-height",
291
- "for": "@media",
292
- "value": "<length>",
293
- "type": "range"
294
- }
295
- ],
296
- "device-aspect-ratio": [
297
- {
298
- "name": "device-aspect-ratio",
299
- "for": "@media",
300
- "value": "<ratio>",
301
- "type": "range"
302
- }
303
- ]
7
+ "atrules": {
8
+ "@custom-media": {
9
+ "value": "@custom-media <extension-name> [ <media-query-list> | true | false ] ;",
10
+ "descriptors": []
11
+ },
12
+ "@media": {
13
+ "descriptors": [
14
+ {
15
+ "name": "width",
16
+ "for": "@media",
17
+ "value": "<length>",
18
+ "type": "range"
19
+ },
20
+ {
21
+ "name": "height",
22
+ "for": "@media",
23
+ "value": "<length>",
24
+ "type": "range"
25
+ },
26
+ {
27
+ "name": "aspect-ratio",
28
+ "for": "@media",
29
+ "value": "<ratio>",
30
+ "type": "range"
31
+ },
32
+ {
33
+ "name": "orientation",
34
+ "for": "@media",
35
+ "value": "portrait | landscape",
36
+ "type": "discrete"
37
+ },
38
+ {
39
+ "name": "overflow-block",
40
+ "for": "@media",
41
+ "value": "none | scroll | paged",
42
+ "type": "discrete"
43
+ },
44
+ {
45
+ "name": "overflow-inline",
46
+ "for": "@media",
47
+ "value": "none | scroll",
48
+ "type": "discrete"
49
+ },
50
+ {
51
+ "name": "horizontal-viewport-segments",
52
+ "for": "@media",
53
+ "value": "<integer>",
54
+ "type": "range"
55
+ },
56
+ {
57
+ "name": "vertical-viewport-segments",
58
+ "for": "@media",
59
+ "value": "<integer>",
60
+ "type": "range"
61
+ },
62
+ {
63
+ "name": "display-mode",
64
+ "for": "@media",
65
+ "value": "fullscreen | standalone | minimal-ui | browser",
66
+ "type": "discrete"
67
+ },
68
+ {
69
+ "name": "resolution",
70
+ "for": "@media",
71
+ "value": "<resolution> | infinite",
72
+ "type": "range"
73
+ },
74
+ {
75
+ "name": "scan",
76
+ "for": "@media",
77
+ "value": "interlace | progressive",
78
+ "type": "discrete"
79
+ },
80
+ {
81
+ "name": "grid",
82
+ "for": "@media",
83
+ "value": "<mq-boolean>",
84
+ "type": "discrete"
85
+ },
86
+ {
87
+ "name": "update",
88
+ "for": "@media",
89
+ "value": "none | slow | fast",
90
+ "type": "discrete"
91
+ },
92
+ {
93
+ "name": "environment-blending",
94
+ "for": "@media",
95
+ "value": "opaque | additive | subtractive",
96
+ "type": "discrete"
97
+ },
98
+ {
99
+ "name": "color",
100
+ "for": "@media",
101
+ "value": "<integer>",
102
+ "type": "range"
103
+ },
104
+ {
105
+ "name": "color-index",
106
+ "for": "@media",
107
+ "value": "<integer>",
108
+ "type": "range"
109
+ },
110
+ {
111
+ "name": "monochrome",
112
+ "for": "@media",
113
+ "value": "<integer>",
114
+ "type": "range"
115
+ },
116
+ {
117
+ "name": "color-gamut",
118
+ "for": "@media",
119
+ "value": "srgb | p3 | rec2020",
120
+ "type": "discrete"
121
+ },
122
+ {
123
+ "name": "dynamic-range",
124
+ "for": "@media",
125
+ "value": "standard | high",
126
+ "type": "discrete"
127
+ },
128
+ {
129
+ "name": "inverted-colors",
130
+ "for": "@media",
131
+ "value": "none | inverted",
132
+ "type": "discrete"
133
+ },
134
+ {
135
+ "name": "pointer",
136
+ "for": "@media",
137
+ "value": "none | coarse | fine",
138
+ "type": "discrete"
139
+ },
140
+ {
141
+ "name": "hover",
142
+ "for": "@media",
143
+ "value": "none | hover",
144
+ "type": "discrete"
145
+ },
146
+ {
147
+ "name": "any-pointer",
148
+ "for": "@media",
149
+ "value": "none | coarse | fine",
150
+ "type": "discrete"
151
+ },
152
+ {
153
+ "name": "any-hover",
154
+ "for": "@media",
155
+ "value": "none | hover",
156
+ "type": "discrete"
157
+ },
158
+ {
159
+ "name": "nav-controls",
160
+ "for": "@media",
161
+ "value": "none | back",
162
+ "type": "discrete"
163
+ },
164
+ {
165
+ "name": "video-color-gamut",
166
+ "for": "@media",
167
+ "value": "srgb | p3 | rec2020",
168
+ "type": "discrete"
169
+ },
170
+ {
171
+ "name": "video-dynamic-range",
172
+ "for": "@media",
173
+ "value": "standard | high",
174
+ "type": "discrete"
175
+ },
176
+ {
177
+ "name": "scripting",
178
+ "for": "@media",
179
+ "value": "none | initial-only | enabled",
180
+ "type": "discrete"
181
+ },
182
+ {
183
+ "name": "prefers-reduced-motion",
184
+ "for": "@media",
185
+ "value": "no-preference | reduce",
186
+ "type": "discrete"
187
+ },
188
+ {
189
+ "name": "prefers-reduced-transparency",
190
+ "for": "@media",
191
+ "value": "no-preference | reduce",
192
+ "type": "discrete"
193
+ },
194
+ {
195
+ "name": "prefers-contrast",
196
+ "for": "@media",
197
+ "value": "no-preference | less | more | custom",
198
+ "type": "discrete"
199
+ },
200
+ {
201
+ "name": "forced-colors",
202
+ "for": "@media",
203
+ "value": "none | active",
204
+ "type": "discrete"
205
+ },
206
+ {
207
+ "name": "prefers-color-scheme",
208
+ "for": "@media",
209
+ "value": "light | dark",
210
+ "type": "discrete"
211
+ },
212
+ {
213
+ "name": "prefers-reduced-data",
214
+ "for": "@media",
215
+ "value": "no-preference | reduce",
216
+ "type": "discrete"
217
+ },
218
+ {
219
+ "name": "device-width",
220
+ "for": "@media",
221
+ "value": "<length>",
222
+ "type": "range"
223
+ },
224
+ {
225
+ "name": "device-height",
226
+ "for": "@media",
227
+ "value": "<length>",
228
+ "type": "range"
229
+ },
230
+ {
231
+ "name": "device-aspect-ratio",
232
+ "for": "@media",
233
+ "value": "<ratio>",
234
+ "type": "range"
235
+ }
236
+ ]
237
+ }
304
238
  },
305
239
  "valuespaces": {
306
240
  "<media-query-list>": {
@@ -364,7 +298,7 @@
364
298
  "value": "<mf-lt> | <mf-gt> | <mf-eq>"
365
299
  },
366
300
  "<general-enclosed>": {
367
- "value": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
301
+ "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
368
302
  }
369
303
  }
370
304
  }