@webref/css 6.23.27 → 6.24.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 (39) hide show
  1. package/SVG.json +5 -0
  2. package/compat.json +70 -8
  3. package/css-align.json +21 -1
  4. package/css-anchor-position.json +4 -0
  5. package/css-animations-2.json +14 -0
  6. package/css-animations.json +11 -0
  7. package/css-backgrounds-4.json +14 -0
  8. package/css-backgrounds.json +14 -0
  9. package/css-borders.json +267 -0
  10. package/css-box.json +12 -0
  11. package/css-color-adjust.json +3 -0
  12. package/css-conditional-5.json +4 -0
  13. package/css-flexbox.json +9 -0
  14. package/css-fonts.json +23 -0
  15. package/css-gaps.json +343 -185
  16. package/css-grid.json +27 -0
  17. package/css-inline.json +80 -108
  18. package/css-lists.json +5 -0
  19. package/css-logical.json +16 -0
  20. package/css-masking.json +18 -0
  21. package/css-multicol.json +5 -0
  22. package/css-overflow-4.json +24 -0
  23. package/css-overflow.json +10 -0
  24. package/css-overscroll.json +4 -0
  25. package/css-position.json +14 -0
  26. package/css-rhythm.json +6 -0
  27. package/css-scroll-snap.json +28 -0
  28. package/css-sizing-4.json +4 -0
  29. package/css-speech.json +12 -0
  30. package/css-text-4.json +16 -0
  31. package/css-text-decor-4.json +16 -0
  32. package/css-text-decor.json +10 -0
  33. package/css-text.json +8 -0
  34. package/css-transitions.json +7 -0
  35. package/css-ui.json +14 -0
  36. package/motion.json +7 -0
  37. package/package.json +1 -1
  38. package/pointer-animations.json +4 -0
  39. package/scroll-animations.json +12 -0
package/css-gaps.json CHANGED
@@ -7,8 +7,8 @@
7
7
  {
8
8
  "name": "column-rule-break",
9
9
  "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-break",
10
- "value": "none | spanning-item | intersection",
11
- "initial": "spanning-item",
10
+ "value": "none | normal | intersection",
11
+ "initial": "normal",
12
12
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
13
13
  "inherited": "no",
14
14
  "percentages": "n/a",
@@ -24,11 +24,11 @@
24
24
  "value": "none"
25
25
  },
26
26
  {
27
- "name": "spanning-item",
28
- "prose": "Gap decorations start and end at visible \"T\" intersections but continue through visible \"cross\" intersections.",
29
- "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-spanning-item",
27
+ "name": "normal",
28
+ "prose": "Behavior depends on the type of container.",
29
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-normal",
30
30
  "type": "value",
31
- "value": "spanning-item"
31
+ "value": "normal"
32
32
  },
33
33
  {
34
34
  "name": "intersection",
@@ -46,8 +46,8 @@
46
46
  {
47
47
  "name": "row-rule-break",
48
48
  "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-break",
49
- "value": "none | spanning-item | intersection",
50
- "initial": "spanning-item",
49
+ "value": "none | normal | intersection",
50
+ "initial": "normal",
51
51
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
52
52
  "inherited": "no",
53
53
  "percentages": "n/a",
@@ -63,11 +63,11 @@
63
63
  "value": "none"
64
64
  },
65
65
  {
66
- "name": "spanning-item",
67
- "prose": "Gap decorations start and end at visible \"T\" intersections but continue through visible \"cross\" intersections.",
68
- "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-spanning-item",
66
+ "name": "normal",
67
+ "prose": "Behavior depends on the type of container.",
68
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-break-normal",
69
69
  "type": "value",
70
- "value": "spanning-item"
70
+ "value": "normal"
71
71
  },
72
72
  {
73
73
  "name": "intersection",
@@ -96,6 +96,10 @@
96
96
  "styleDeclaration": [
97
97
  "rule-break",
98
98
  "ruleBreak"
99
+ ],
100
+ "longhands": [
101
+ "column-rule-break",
102
+ "row-rule-break"
99
103
  ]
100
104
  },
101
105
  {
@@ -131,8 +135,8 @@
131
135
  ]
132
136
  },
133
137
  {
134
- "name": "row-rule-edge-inset-start",
135
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-start",
138
+ "name": "column-rule-interior-inset-start",
139
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-start",
136
140
  "value": "<length-percentage>",
137
141
  "initial": "0",
138
142
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
@@ -142,13 +146,13 @@
142
146
  "canonicalOrder": "per grammar",
143
147
  "animationType": "by computed value type",
144
148
  "styleDeclaration": [
145
- "row-rule-edge-inset-start",
146
- "rowRuleEdgeInsetStart"
149
+ "column-rule-interior-inset-start",
150
+ "columnRuleInteriorInsetStart"
147
151
  ]
148
152
  },
149
153
  {
150
- "name": "row-rule-edge-inset-end",
151
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-end",
154
+ "name": "column-rule-interior-inset-end",
155
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-end",
152
156
  "value": "<length-percentage>",
153
157
  "initial": "0",
154
158
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
@@ -158,13 +162,13 @@
158
162
  "canonicalOrder": "per grammar",
159
163
  "animationType": "by computed value type",
160
164
  "styleDeclaration": [
161
- "row-rule-edge-inset-end",
162
- "rowRuleEdgeInsetEnd"
165
+ "column-rule-interior-inset-end",
166
+ "columnRuleInteriorInsetEnd"
163
167
  ]
164
168
  },
165
169
  {
166
- "name": "column-rule-interior-inset-start",
167
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-start",
170
+ "name": "row-rule-edge-inset-start",
171
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-start",
168
172
  "value": "<length-percentage>",
169
173
  "initial": "0",
170
174
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
@@ -174,13 +178,13 @@
174
178
  "canonicalOrder": "per grammar",
175
179
  "animationType": "by computed value type",
176
180
  "styleDeclaration": [
177
- "column-rule-interior-inset-start",
178
- "columnRuleInteriorInsetStart"
181
+ "row-rule-edge-inset-start",
182
+ "rowRuleEdgeInsetStart"
179
183
  ]
180
184
  },
181
185
  {
182
- "name": "column-rule-interior-inset-end",
183
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset-end",
186
+ "name": "row-rule-edge-inset-end",
187
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset-end",
184
188
  "value": "<length-percentage>",
185
189
  "initial": "0",
186
190
  "appliesTo": "grid containers, flex containers, multicol containers, and grid lanes containers",
@@ -190,8 +194,8 @@
190
194
  "canonicalOrder": "per grammar",
191
195
  "animationType": "by computed value type",
192
196
  "styleDeclaration": [
193
- "column-rule-interior-inset-end",
194
- "columnRuleInteriorInsetEnd"
197
+ "row-rule-edge-inset-end",
198
+ "rowRuleEdgeInsetEnd"
195
199
  ]
196
200
  },
197
201
  {
@@ -227,243 +231,307 @@
227
231
  ]
228
232
  },
229
233
  {
230
- "name": "column-rule-edge-inset",
231
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset",
232
- "value": "<length-percentage> [ <length-percentage> ]?",
234
+ "name": "column-rule-inset-start",
235
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-start",
236
+ "value": "<length-percentage>",
233
237
  "initial": "see individual properties",
234
- "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
238
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
235
239
  "inherited": "see individual properties",
236
240
  "percentages": "see individual properties",
237
241
  "computedValue": "see individual properties",
238
242
  "animationType": "see individual properties",
239
243
  "canonicalOrder": "per grammar",
240
244
  "styleDeclaration": [
241
- "column-rule-edge-inset",
242
- "columnRuleEdgeInset"
245
+ "column-rule-inset-start",
246
+ "columnRuleInsetStart"
247
+ ],
248
+ "longhands": [
249
+ "column-rule-edge-inset-start",
250
+ "column-rule-interior-inset-start"
243
251
  ]
244
252
  },
245
253
  {
246
- "name": "row-rule-edge-inset",
247
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset",
248
- "value": "<length-percentage> [ <length-percentage> ]?",
254
+ "name": "column-rule-inset-end",
255
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-end",
256
+ "value": "<length-percentage>",
249
257
  "initial": "see individual properties",
250
- "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
258
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
251
259
  "inherited": "see individual properties",
252
260
  "percentages": "see individual properties",
253
261
  "computedValue": "see individual properties",
254
262
  "animationType": "see individual properties",
255
263
  "canonicalOrder": "per grammar",
256
264
  "styleDeclaration": [
257
- "row-rule-edge-inset",
258
- "rowRuleEdgeInset"
265
+ "column-rule-inset-end",
266
+ "columnRuleInsetEnd"
267
+ ],
268
+ "longhands": [
269
+ "column-rule-edge-inset-end",
270
+ "column-rule-interior-inset-end"
259
271
  ]
260
272
  },
261
273
  {
262
- "name": "column-rule-interior-inset",
263
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset",
264
- "value": "<length-percentage> [ <length-percentage> ]?",
274
+ "name": "row-rule-inset-start",
275
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-start",
276
+ "value": "<length-percentage>",
265
277
  "initial": "see individual properties",
266
- "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
278
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
267
279
  "inherited": "see individual properties",
268
280
  "percentages": "see individual properties",
269
281
  "computedValue": "see individual properties",
270
282
  "animationType": "see individual properties",
271
283
  "canonicalOrder": "per grammar",
272
284
  "styleDeclaration": [
273
- "column-rule-interior-inset",
274
- "columnRuleInteriorInset"
285
+ "row-rule-inset-start",
286
+ "rowRuleInsetStart"
287
+ ],
288
+ "longhands": [
289
+ "row-rule-edge-inset-start",
290
+ "row-rule-interior-inset-start"
275
291
  ]
276
292
  },
277
293
  {
278
- "name": "row-rule-interior-inset",
279
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset",
280
- "value": "<length-percentage> [ <length-percentage> ]?",
294
+ "name": "row-rule-inset-end",
295
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-end",
296
+ "value": "<length-percentage>",
281
297
  "initial": "see individual properties",
282
- "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
298
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-interior-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-interior-inset-start, row-rule-edge-inset-end, and row-rule-interior-inset-end",
283
299
  "inherited": "see individual properties",
284
300
  "percentages": "see individual properties",
285
301
  "computedValue": "see individual properties",
286
302
  "animationType": "see individual properties",
287
303
  "canonicalOrder": "per grammar",
288
304
  "styleDeclaration": [
289
- "row-rule-interior-inset",
290
- "rowRuleInteriorInset"
305
+ "row-rule-inset-end",
306
+ "rowRuleInsetEnd"
307
+ ],
308
+ "longhands": [
309
+ "row-rule-edge-inset-end",
310
+ "row-rule-interior-inset-end"
291
311
  ]
292
312
  },
293
313
  {
294
- "name": "rule-edge-inset",
295
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-edge-inset",
296
- "value": "<'column-rule-edge-inset'>",
314
+ "name": "rule-inset-start",
315
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-start",
316
+ "value": "<'column-rule-inset-start'>",
297
317
  "initial": "see individual properties",
298
- "appliesTo": "Same as column-rule-edge-inset and row-rule-edge-inset",
318
+ "appliesTo": "Same as column-rule-inset-start and row-rule-inset-start",
299
319
  "inherited": "see individual properties",
300
320
  "percentages": "see individual properties",
301
321
  "computedValue": "see individual properties",
302
322
  "animationType": "see individual properties",
303
323
  "canonicalOrder": "per grammar",
304
324
  "styleDeclaration": [
305
- "rule-edge-inset",
306
- "ruleEdgeInset"
325
+ "rule-inset-start",
326
+ "ruleInsetStart"
327
+ ],
328
+ "longhands": [
329
+ "column-rule-inset-start",
330
+ "row-rule-inset-start"
307
331
  ]
308
332
  },
309
333
  {
310
- "name": "rule-interior-inset",
311
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-interior-inset",
312
- "value": "<'column-rule-interior-inset'>",
334
+ "name": "rule-inset-end",
335
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-end",
336
+ "value": "<'column-rule-inset-end'>",
313
337
  "initial": "see individual properties",
314
- "appliesTo": "Same as column-rule-interior-inset and row-rule-interior-inset",
338
+ "appliesTo": "Same as column-rule-inset-end and row-rule-inset-end",
315
339
  "inherited": "see individual properties",
316
340
  "percentages": "see individual properties",
317
341
  "computedValue": "see individual properties",
318
342
  "animationType": "see individual properties",
319
343
  "canonicalOrder": "per grammar",
320
344
  "styleDeclaration": [
321
- "rule-interior-inset",
322
- "ruleInteriorInset"
345
+ "rule-inset-end",
346
+ "ruleInsetEnd"
347
+ ],
348
+ "longhands": [
349
+ "column-rule-inset-end",
350
+ "row-rule-inset-end"
323
351
  ]
324
352
  },
325
353
  {
326
- "name": "column-rule-inset",
327
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset",
328
- "value": "<length-percentage> <length-percentage>? [/ <length-percentage> <length-percentage>?]?",
354
+ "name": "column-rule-edge-inset",
355
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-edge-inset",
356
+ "value": "<length-percentage> [ <length-percentage> ]?",
329
357
  "initial": "see individual properties",
330
- "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
358
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
331
359
  "inherited": "see individual properties",
332
360
  "percentages": "see individual properties",
333
361
  "computedValue": "see individual properties",
334
362
  "animationType": "see individual properties",
335
363
  "canonicalOrder": "per grammar",
336
364
  "styleDeclaration": [
337
- "column-rule-inset",
338
- "columnRuleInset"
365
+ "column-rule-edge-inset",
366
+ "columnRuleEdgeInset"
367
+ ],
368
+ "longhands": [
369
+ "column-rule-edge-inset-start",
370
+ "column-rule-edge-inset-end"
339
371
  ]
340
372
  },
341
373
  {
342
- "name": "row-rule-inset",
343
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset",
344
- "value": "<length-percentage> <length-percentage>? [/ <length-percentage> <length-percentage>?]?",
374
+ "name": "column-rule-interior-inset",
375
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-interior-inset",
376
+ "value": "<length-percentage> [ <length-percentage> ]?",
345
377
  "initial": "see individual properties",
346
- "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
378
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
347
379
  "inherited": "see individual properties",
348
380
  "percentages": "see individual properties",
349
381
  "computedValue": "see individual properties",
350
382
  "animationType": "see individual properties",
351
383
  "canonicalOrder": "per grammar",
352
384
  "styleDeclaration": [
353
- "row-rule-inset",
354
- "rowRuleInset"
385
+ "column-rule-interior-inset",
386
+ "columnRuleInteriorInset"
387
+ ],
388
+ "longhands": [
389
+ "column-rule-interior-inset-start",
390
+ "column-rule-interior-inset-end"
355
391
  ]
356
392
  },
357
393
  {
358
- "name": "rule-inset",
359
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset",
360
- "value": "<'column-rule-inset'>",
394
+ "name": "row-rule-edge-inset",
395
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-edge-inset",
396
+ "value": "<length-percentage> [ <length-percentage> ]?",
361
397
  "initial": "see individual properties",
362
- "appliesTo": "Same as column-rule-inset and row-rule-inset",
398
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
363
399
  "inherited": "see individual properties",
364
400
  "percentages": "see individual properties",
365
401
  "computedValue": "see individual properties",
366
402
  "animationType": "see individual properties",
367
403
  "canonicalOrder": "per grammar",
368
404
  "styleDeclaration": [
369
- "rule-inset",
370
- "ruleInset"
405
+ "row-rule-edge-inset",
406
+ "rowRuleEdgeInset"
407
+ ],
408
+ "longhands": [
409
+ "row-rule-edge-inset-start",
410
+ "row-rule-edge-inset-end"
371
411
  ]
372
412
  },
373
413
  {
374
- "name": "column-rule-inset-start",
375
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-start",
376
- "value": "<length-percentage>",
414
+ "name": "row-rule-interior-inset",
415
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-interior-inset",
416
+ "value": "<length-percentage> [ <length-percentage> ]?",
377
417
  "initial": "see individual properties",
378
- "appliesTo": "column-rule-edge-inset-start and column-rule-interior-inset-start for column-rule-inset-start, row-rule-edge-inset-start and row-rule-interior-inset-start for row-rule-inset-start",
418
+ "appliesTo": "Same as column-rule-edge-inset-start, column-rule-edge-inset-end, column-rule-interior-inset-start, column-rule-interior-inset-end, row-rule-edge-inset-start, row-rule-edge-inset-end, row-rule-interior-inset-start, and row-rule-interior-inset-end",
379
419
  "inherited": "see individual properties",
380
420
  "percentages": "see individual properties",
381
421
  "computedValue": "see individual properties",
382
422
  "animationType": "see individual properties",
383
423
  "canonicalOrder": "per grammar",
384
424
  "styleDeclaration": [
385
- "column-rule-inset-start",
386
- "columnRuleInsetStart"
425
+ "row-rule-interior-inset",
426
+ "rowRuleInteriorInset"
427
+ ],
428
+ "longhands": [
429
+ "row-rule-interior-inset-start",
430
+ "row-rule-interior-inset-end"
387
431
  ]
388
432
  },
389
433
  {
390
- "name": "row-rule-inset-start",
391
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-start",
392
- "value": "<length-percentage>",
434
+ "name": "rule-edge-inset",
435
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-edge-inset",
436
+ "value": "<'column-rule-edge-inset'>",
393
437
  "initial": "see individual properties",
394
- "appliesTo": "column-rule-edge-inset-start and column-rule-interior-inset-start for column-rule-inset-start, row-rule-edge-inset-start and row-rule-interior-inset-start for row-rule-inset-start",
438
+ "appliesTo": "Same as column-rule-edge-inset and row-rule-edge-inset",
395
439
  "inherited": "see individual properties",
396
440
  "percentages": "see individual properties",
397
441
  "computedValue": "see individual properties",
398
442
  "animationType": "see individual properties",
399
443
  "canonicalOrder": "per grammar",
400
444
  "styleDeclaration": [
401
- "row-rule-inset-start",
402
- "rowRuleInsetStart"
445
+ "rule-edge-inset",
446
+ "ruleEdgeInset"
447
+ ],
448
+ "longhands": [
449
+ "column-rule-edge-inset",
450
+ "row-rule-edge-inset"
403
451
  ]
404
452
  },
405
453
  {
406
- "name": "column-rule-inset-end",
407
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset-end",
408
- "value": "<length-percentage>",
454
+ "name": "rule-interior-inset",
455
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-interior-inset",
456
+ "value": "<'column-rule-interior-inset'>",
409
457
  "initial": "see individual properties",
410
- "appliesTo": "column-rule-edge-inset-end and column-rule-interior-inset-end for column-rule-inset-end, row-rule-edge-inset-end and row-rule-interior-inset-end for row-rule-inset-end",
458
+ "appliesTo": "Same as column-rule-interior-inset and row-rule-interior-inset",
411
459
  "inherited": "see individual properties",
412
460
  "percentages": "see individual properties",
413
461
  "computedValue": "see individual properties",
414
462
  "animationType": "see individual properties",
415
463
  "canonicalOrder": "per grammar",
416
464
  "styleDeclaration": [
417
- "column-rule-inset-end",
418
- "columnRuleInsetEnd"
465
+ "rule-interior-inset",
466
+ "ruleInteriorInset"
467
+ ],
468
+ "longhands": [
469
+ "column-rule-interior-inset",
470
+ "row-rule-interior-inset"
419
471
  ]
420
472
  },
421
473
  {
422
- "name": "row-rule-inset-end",
423
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset-end",
424
- "value": "<length-percentage>",
474
+ "name": "column-rule-inset",
475
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-inset",
476
+ "value": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?",
425
477
  "initial": "see individual properties",
426
- "appliesTo": "column-rule-edge-inset-end and column-rule-interior-inset-end for column-rule-inset-end, row-rule-edge-inset-end and row-rule-interior-inset-end for row-rule-inset-end",
478
+ "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
427
479
  "inherited": "see individual properties",
428
480
  "percentages": "see individual properties",
429
481
  "computedValue": "see individual properties",
430
482
  "animationType": "see individual properties",
431
483
  "canonicalOrder": "per grammar",
432
484
  "styleDeclaration": [
433
- "row-rule-inset-end",
434
- "rowRuleInsetEnd"
485
+ "column-rule-inset",
486
+ "columnRuleInset"
487
+ ],
488
+ "longhands": [
489
+ "column-rule-edge-inset-start",
490
+ "column-rule-edge-inset-end",
491
+ "column-rule-interior-inset-start",
492
+ "column-rule-interior-inset-end"
435
493
  ]
436
494
  },
437
495
  {
438
- "name": "rule-inset-start",
439
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-start",
440
- "value": "<'column-rule-inset-start'>",
496
+ "name": "row-rule-inset",
497
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-rule-inset",
498
+ "value": "<'column-rule-edge-inset'> [ / <'column-rule-interior-inset'> ]?",
441
499
  "initial": "see individual properties",
442
- "appliesTo": "Same as column-rule-inset-start and row-rule-inset-start",
500
+ "appliesTo": "Same as column-rule-edge-inset, column-rule-interior-inset, row-rule-edge-inset, and row-rule-interior-inset",
443
501
  "inherited": "see individual properties",
444
502
  "percentages": "see individual properties",
445
503
  "computedValue": "see individual properties",
446
504
  "animationType": "see individual properties",
447
505
  "canonicalOrder": "per grammar",
448
506
  "styleDeclaration": [
449
- "rule-inset-start",
450
- "ruleInsetStart"
507
+ "row-rule-inset",
508
+ "rowRuleInset"
509
+ ],
510
+ "longhands": [
511
+ "row-rule-edge-inset-start",
512
+ "row-rule-edge-inset-end",
513
+ "row-rule-interior-inset-start",
514
+ "row-rule-interior-inset-end"
451
515
  ]
452
516
  },
453
517
  {
454
- "name": "rule-inset-end",
455
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset-end",
456
- "value": "<'column-rule-inset-end'>",
518
+ "name": "rule-inset",
519
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-inset",
520
+ "value": "<'column-rule-inset'>",
457
521
  "initial": "see individual properties",
458
- "appliesTo": "Same as column-rule-inset-end and row-rule-inset-end",
522
+ "appliesTo": "Same as column-rule-inset and row-rule-inset",
459
523
  "inherited": "see individual properties",
460
524
  "percentages": "see individual properties",
461
525
  "computedValue": "see individual properties",
462
526
  "animationType": "see individual properties",
463
527
  "canonicalOrder": "per grammar",
464
528
  "styleDeclaration": [
465
- "rule-inset-end",
466
- "ruleInsetEnd"
529
+ "rule-inset",
530
+ "ruleInset"
531
+ ],
532
+ "longhands": [
533
+ "column-rule-inset",
534
+ "row-rule-inset"
467
535
  ]
468
536
  },
469
537
  {
@@ -558,6 +626,9 @@
558
626
  "styleDeclaration": [
559
627
  "rule-visibility-items",
560
628
  "ruleVisibilityItems"
629
+ ],
630
+ "longhands": [
631
+ "column-rule-visibility-items"
561
632
  ]
562
633
  },
563
634
  {
@@ -571,6 +642,22 @@
571
642
  "computedValue": "as specified",
572
643
  "canonicalOrder": "per grammar",
573
644
  "animationType": "discrete",
645
+ "values": [
646
+ {
647
+ "name": "row-over-column",
648
+ "prose": "Row-direction decorations are painted above column-direction decorations.",
649
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-rule-overlap-row-over-column",
650
+ "type": "value",
651
+ "value": "row-over-column"
652
+ },
653
+ {
654
+ "name": "column-over-row",
655
+ "prose": "Column-direction decorations are painted above row-direction decorations.",
656
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-rule-overlap-column-over-row",
657
+ "type": "value",
658
+ "value": "column-over-row"
659
+ }
660
+ ],
574
661
  "styleDeclaration": [
575
662
  "rule-overlap",
576
663
  "ruleOverlap"
@@ -586,16 +673,7 @@
586
673
  "percentages": "n/a",
587
674
  "computedValue": "as specified",
588
675
  "canonicalOrder": "per grammar",
589
- "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
590
- "values": [
591
- {
592
- "name": "<color>",
593
- "prose": "Sets the color of gap decorations.",
594
- "href": "https://drafts.csswg.org/css-gaps-1/#valdef-column-rule-color-color",
595
- "type": "value",
596
- "value": "<color>"
597
- }
598
- ],
676
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
599
677
  "styleDeclaration": [
600
678
  "column-rule-color",
601
679
  "columnRuleColor"
@@ -611,12 +689,32 @@
611
689
  "percentages": "n/a",
612
690
  "computedValue": "as specified",
613
691
  "canonicalOrder": "per grammar",
614
- "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
692
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
615
693
  "styleDeclaration": [
616
694
  "row-rule-color",
617
695
  "rowRuleColor"
618
696
  ]
619
697
  },
698
+ {
699
+ "name": "rule-color",
700
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-color",
701
+ "value": "<'column-rule-color'>",
702
+ "initial": "see individual properties",
703
+ "appliesTo": "Same as column-rule-color and row-rule-color",
704
+ "inherited": "no",
705
+ "percentages": "see individual properties",
706
+ "computedValue": "see individual properties",
707
+ "animationType": "see individual properties",
708
+ "canonicalOrder": "per grammar",
709
+ "styleDeclaration": [
710
+ "rule-color",
711
+ "ruleColor"
712
+ ],
713
+ "longhands": [
714
+ "column-rule-color",
715
+ "row-rule-color"
716
+ ]
717
+ },
620
718
  {
621
719
  "name": "column-rule-style",
622
720
  "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-style",
@@ -649,6 +747,26 @@
649
747
  "rowRuleStyle"
650
748
  ]
651
749
  },
750
+ {
751
+ "name": "rule-style",
752
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-style",
753
+ "value": "<'column-rule-style'>",
754
+ "initial": "see individual properties",
755
+ "appliesTo": "Same as column-rule-style and row-rule-style",
756
+ "inherited": "no",
757
+ "percentages": "see individual properties",
758
+ "computedValue": "see individual properties",
759
+ "animationType": "see individual properties",
760
+ "canonicalOrder": "per grammar",
761
+ "styleDeclaration": [
762
+ "rule-style",
763
+ "ruleStyle"
764
+ ],
765
+ "longhands": [
766
+ "column-rule-style",
767
+ "row-rule-style"
768
+ ]
769
+ },
652
770
  {
653
771
  "name": "column-rule-width",
654
772
  "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule-width",
@@ -659,7 +777,7 @@
659
777
  "percentages": "n/a",
660
778
  "computedValue": "list of absolute lengths, snapped as a border width",
661
779
  "canonicalOrder": "per grammar",
662
- "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
780
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
663
781
  "styleDeclaration": [
664
782
  "column-rule-width",
665
783
  "columnRuleWidth"
@@ -675,12 +793,32 @@
675
793
  "percentages": "n/a",
676
794
  "computedValue": "list of absolute lengths, snapped as a border width",
677
795
  "canonicalOrder": "per grammar",
678
- "animationType": "repeatable list, see § 3.4.1 Interpolation behavior.",
796
+ "animationType": "repeatable list, see § 4.7 Interpolation of list values.",
679
797
  "styleDeclaration": [
680
798
  "row-rule-width",
681
799
  "rowRuleWidth"
682
800
  ]
683
801
  },
802
+ {
803
+ "name": "rule-width",
804
+ "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-width",
805
+ "value": "<'column-rule-width'>",
806
+ "initial": "see individual properties",
807
+ "appliesTo": "Same as column-rule-width and row-rule-width",
808
+ "inherited": "no",
809
+ "percentages": "see individual properties",
810
+ "computedValue": "see individual properties",
811
+ "animationType": "see individual properties",
812
+ "canonicalOrder": "per grammar",
813
+ "styleDeclaration": [
814
+ "rule-width",
815
+ "ruleWidth"
816
+ ],
817
+ "longhands": [
818
+ "column-rule-width",
819
+ "row-rule-width"
820
+ ]
821
+ },
684
822
  {
685
823
  "name": "column-rule",
686
824
  "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-rule",
@@ -695,6 +833,11 @@
695
833
  "styleDeclaration": [
696
834
  "column-rule",
697
835
  "columnRule"
836
+ ],
837
+ "longhands": [
838
+ "column-rule-width",
839
+ "column-rule-style",
840
+ "column-rule-color"
698
841
  ]
699
842
  },
700
843
  {
@@ -711,54 +854,11 @@
711
854
  "styleDeclaration": [
712
855
  "row-rule",
713
856
  "rowRule"
714
- ]
715
- },
716
- {
717
- "name": "rule-color",
718
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-color",
719
- "value": "<'column-rule-color'>",
720
- "initial": "see individual properties",
721
- "appliesTo": "Same as column-rule-color and row-rule-color",
722
- "inherited": "no",
723
- "percentages": "see individual properties",
724
- "computedValue": "see individual properties",
725
- "animationType": "see individual properties",
726
- "canonicalOrder": "per grammar",
727
- "styleDeclaration": [
728
- "rule-color",
729
- "ruleColor"
730
- ]
731
- },
732
- {
733
- "name": "rule-style",
734
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-style",
735
- "value": "<'column-rule-style'>",
736
- "initial": "see individual properties",
737
- "appliesTo": "Same as column-rule-style and row-rule-style",
738
- "inherited": "no",
739
- "percentages": "see individual properties",
740
- "computedValue": "see individual properties",
741
- "animationType": "see individual properties",
742
- "canonicalOrder": "per grammar",
743
- "styleDeclaration": [
744
- "rule-style",
745
- "ruleStyle"
746
- ]
747
- },
748
- {
749
- "name": "rule-width",
750
- "href": "https://drafts.csswg.org/css-gaps-1/#propdef-rule-width",
751
- "value": "<'column-rule-width'>",
752
- "initial": "see individual properties",
753
- "appliesTo": "Same as column-rule-width and row-rule-width",
754
- "inherited": "no",
755
- "percentages": "see individual properties",
756
- "computedValue": "see individual properties",
757
- "animationType": "see individual properties",
758
- "canonicalOrder": "per grammar",
759
- "styleDeclaration": [
760
- "rule-width",
761
- "ruleWidth"
857
+ ],
858
+ "longhands": [
859
+ "row-rule-width",
860
+ "row-rule-style",
861
+ "row-rule-color"
762
862
  ]
763
863
  },
764
864
  {
@@ -774,6 +874,10 @@
774
874
  "canonicalOrder": "per grammar",
775
875
  "styleDeclaration": [
776
876
  "rule"
877
+ ],
878
+ "longhands": [
879
+ "column-rule",
880
+ "row-rule"
777
881
  ]
778
882
  }
779
883
  ],
@@ -808,7 +912,16 @@
808
912
  "name": "repeat()",
809
913
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
810
914
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
811
- "type": "function"
915
+ "type": "function",
916
+ "values": [
917
+ {
918
+ "name": "auto",
919
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
920
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
921
+ "type": "value",
922
+ "value": "auto"
923
+ }
924
+ ]
812
925
  }
813
926
  ]
814
927
  },
@@ -822,7 +935,16 @@
822
935
  "name": "repeat()",
823
936
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
824
937
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
825
- "type": "function"
938
+ "type": "function",
939
+ "values": [
940
+ {
941
+ "name": "auto",
942
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
943
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
944
+ "type": "value",
945
+ "value": "auto"
946
+ }
947
+ ]
826
948
  }
827
949
  ]
828
950
  },
@@ -854,7 +976,16 @@
854
976
  "name": "repeat()",
855
977
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
856
978
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
857
- "type": "function"
979
+ "type": "function",
980
+ "values": [
981
+ {
982
+ "name": "auto",
983
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
984
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
985
+ "type": "value",
986
+ "value": "auto"
987
+ }
988
+ ]
858
989
  }
859
990
  ]
860
991
  },
@@ -868,7 +999,16 @@
868
999
  "name": "repeat()",
869
1000
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
870
1001
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
871
- "type": "function"
1002
+ "type": "function",
1003
+ "values": [
1004
+ {
1005
+ "name": "auto",
1006
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
1007
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
1008
+ "type": "value",
1009
+ "value": "auto"
1010
+ }
1011
+ ]
872
1012
  }
873
1013
  ]
874
1014
  },
@@ -900,7 +1040,16 @@
900
1040
  "name": "repeat()",
901
1041
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
902
1042
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
903
- "type": "function"
1043
+ "type": "function",
1044
+ "values": [
1045
+ {
1046
+ "name": "auto",
1047
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
1048
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
1049
+ "type": "value",
1050
+ "value": "auto"
1051
+ }
1052
+ ]
904
1053
  }
905
1054
  ]
906
1055
  },
@@ -914,7 +1063,16 @@
914
1063
  "name": "repeat()",
915
1064
  "prose": "Such a list may contain repeat() notations. Similar to CSS Grid Layout 1 § 7.2.3 Repeating Rows and Columns: the repeat() notation, these notations allow a series of gap decorations that exhibit a recurring pattern to be written in a more compact form.",
916
1065
  "href": "https://drafts.csswg.org/css-gaps-1/#funcdef-repeat-line-color-repeat",
917
- "type": "function"
1066
+ "type": "function",
1067
+ "values": [
1068
+ {
1069
+ "name": "auto",
1070
+ "prose": "Specifies an auto repeater. An auto repeater will be used to fill in values for gaps that would not otherwise receive values from other parts of the list. At most one repeat() in a given list of values may be an auto repeater. Continuing from the previous example, if the author does not know how many columns will be in the final layout, they might instead write: column-rule-color: gray, repeat(auto, red, blue), gray; Which will produce a gray decoration in the first and last column gaps, and alternating red and blue decorations in the in-between column gaps.",
1071
+ "href": "https://drafts.csswg.org/css-gaps-1/#valdef-repeat-auto",
1072
+ "type": "value",
1073
+ "value": "auto"
1074
+ }
1075
+ ]
918
1076
  }
919
1077
  ]
920
1078
  },