@webref/css 6.23.8 → 6.23.9
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/css-align.json +3 -3
- package/css-conditional-5.json +100 -0
- package/css-overflow-5.json +12 -0
- package/css-view-transitions.json +156 -12
- package/package.json +1 -1
- package/css-view-transitions-2.json +0 -157
package/css-align.json
CHANGED
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
"values": [
|
|
278
278
|
{
|
|
279
279
|
"name": "normal",
|
|
280
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
280
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
281
281
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
282
282
|
"type": "value",
|
|
283
283
|
"value": "normal"
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
"values": [
|
|
303
303
|
{
|
|
304
304
|
"name": "normal",
|
|
305
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
305
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
306
306
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
307
307
|
"type": "value",
|
|
308
308
|
"value": "normal"
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
"values": [
|
|
328
328
|
{
|
|
329
329
|
"name": "normal",
|
|
330
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
330
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
331
331
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
332
332
|
"type": "value",
|
|
333
333
|
"value": "normal"
|
package/css-conditional-5.json
CHANGED
|
@@ -398,6 +398,106 @@
|
|
|
398
398
|
"value": "inline"
|
|
399
399
|
}
|
|
400
400
|
]
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"name": "direction",
|
|
404
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
|
|
405
|
+
"for": "@container",
|
|
406
|
+
"value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
|
|
407
|
+
"type": "discrete",
|
|
408
|
+
"values": [
|
|
409
|
+
{
|
|
410
|
+
"name": "none",
|
|
411
|
+
"prose": "The query container has not had a relative scroll yet.",
|
|
412
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-none",
|
|
413
|
+
"type": "value",
|
|
414
|
+
"value": "none"
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "top",
|
|
418
|
+
"prose": "The most recent relative scroll was upwards.",
|
|
419
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-top",
|
|
420
|
+
"type": "value",
|
|
421
|
+
"value": "top"
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "right",
|
|
425
|
+
"prose": "The most recent relative scroll was to the right.",
|
|
426
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-right",
|
|
427
|
+
"type": "value",
|
|
428
|
+
"value": "right"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"name": "bottom",
|
|
432
|
+
"prose": "The most recent relative scroll was downwards.",
|
|
433
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-bottom",
|
|
434
|
+
"type": "value",
|
|
435
|
+
"value": "bottom"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "left",
|
|
439
|
+
"prose": "The most recent relative scroll was to the left.",
|
|
440
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-left",
|
|
441
|
+
"type": "value",
|
|
442
|
+
"value": "left"
|
|
443
|
+
},
|
|
444
|
+
{
|
|
445
|
+
"name": "block-start",
|
|
446
|
+
"prose": "The most recent relative scroll was towards the block-start direction.",
|
|
447
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-start",
|
|
448
|
+
"type": "value",
|
|
449
|
+
"value": "block-start"
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "inline-start",
|
|
453
|
+
"prose": "The most recent relative scroll was towards the inline-start direction.",
|
|
454
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-start",
|
|
455
|
+
"type": "value",
|
|
456
|
+
"value": "inline-start"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"name": "block-end",
|
|
460
|
+
"prose": "The most recent relative scroll was towards the block-end direction.",
|
|
461
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-end",
|
|
462
|
+
"type": "value",
|
|
463
|
+
"value": "block-end"
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
"name": "inline-end",
|
|
467
|
+
"prose": "The most recent relative scroll was towards the inline-end direction.",
|
|
468
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-end",
|
|
469
|
+
"type": "value",
|
|
470
|
+
"value": "inline-end"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "x",
|
|
474
|
+
"prose": "The most recent relative scroll was in the horizontal direction.",
|
|
475
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-x",
|
|
476
|
+
"type": "value",
|
|
477
|
+
"value": "x"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"name": "y",
|
|
481
|
+
"prose": "The most recent relative scroll was in the vertical direction.",
|
|
482
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-y",
|
|
483
|
+
"type": "value",
|
|
484
|
+
"value": "y"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "block",
|
|
488
|
+
"prose": "The most recent relative scroll was in the block direction.",
|
|
489
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block",
|
|
490
|
+
"type": "value",
|
|
491
|
+
"value": "block"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"name": "inline",
|
|
495
|
+
"prose": "The most recent relative scroll was in the inline direction.",
|
|
496
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline",
|
|
497
|
+
"type": "value",
|
|
498
|
+
"value": "inline"
|
|
499
|
+
}
|
|
500
|
+
]
|
|
401
501
|
}
|
|
402
502
|
],
|
|
403
503
|
"value": "@container <container-condition># { <block-contents> }"
|
package/css-overflow-5.json
CHANGED
|
@@ -132,6 +132,18 @@
|
|
|
132
132
|
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-current",
|
|
133
133
|
"value": ":target-current"
|
|
134
134
|
},
|
|
135
|
+
{
|
|
136
|
+
"name": ":target-before",
|
|
137
|
+
"prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
|
|
138
|
+
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-before",
|
|
139
|
+
"value": ":target-before"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": ":target-after",
|
|
143
|
+
"prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
|
|
144
|
+
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-after",
|
|
145
|
+
"value": ":target-after"
|
|
146
|
+
},
|
|
135
147
|
{
|
|
136
148
|
"name": "::scroll-button()",
|
|
137
149
|
"value": "::scroll-button( '*' | <scroll-button-direction> )",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"spec": {
|
|
3
|
-
"title": "CSS View Transitions Module Level
|
|
4
|
-
"url": "https://drafts.csswg.org/css-view-transitions-
|
|
3
|
+
"title": "CSS View Transitions Module Level 2",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-view-transitions-2/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "view-transition-name",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
9
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-name",
|
|
10
10
|
"value": "none | <custom-ident>",
|
|
11
11
|
"initial": "none",
|
|
12
12
|
"appliesTo": "all elements",
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
{
|
|
20
20
|
"name": "none",
|
|
21
21
|
"prose": "The element will not participate independently in a view transition.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
22
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-name-none",
|
|
23
23
|
"type": "value",
|
|
24
24
|
"value": "none"
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
"name": "<custom-ident>",
|
|
28
28
|
"prose": "The element participates independently in a view transition—as either an old or new element—with the specified view transition name. Each view transition name is a tree-scoped name. The values none, auto, and match-element are excluded from <custom-ident> here.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
29
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-name-custom-ident",
|
|
30
30
|
"type": "value",
|
|
31
31
|
"value": "<custom-ident>"
|
|
32
32
|
}
|
|
@@ -35,43 +35,187 @@
|
|
|
35
35
|
"view-transition-name",
|
|
36
36
|
"viewTransitionName"
|
|
37
37
|
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "view-transition-class",
|
|
41
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",
|
|
42
|
+
"value": "none | <custom-ident>+",
|
|
43
|
+
"initial": "none",
|
|
44
|
+
"appliesTo": "all elements",
|
|
45
|
+
"inherited": "no",
|
|
46
|
+
"percentages": "n/a",
|
|
47
|
+
"computedValue": "as specified",
|
|
48
|
+
"canonicalOrder": "per grammar",
|
|
49
|
+
"animationType": "discrete",
|
|
50
|
+
"values": [
|
|
51
|
+
{
|
|
52
|
+
"name": "none",
|
|
53
|
+
"prose": "No class would apply to the named view transition pseudo-elements generated for this element.",
|
|
54
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-none",
|
|
55
|
+
"type": "value",
|
|
56
|
+
"value": "none"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "<custom-ident>+",
|
|
60
|
+
"prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>. Each 'view transition class' is a tree-scoped name.",
|
|
61
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-custom-ident",
|
|
62
|
+
"type": "value",
|
|
63
|
+
"value": "<custom-ident>+"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
"styleDeclaration": [
|
|
67
|
+
"view-transition-class",
|
|
68
|
+
"viewTransitionClass"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "view-transition-group",
|
|
73
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
|
|
74
|
+
"value": "normal | contain | nearest | <custom-ident>",
|
|
75
|
+
"initial": "normal",
|
|
76
|
+
"appliesTo": "all elements",
|
|
77
|
+
"inherited": "no",
|
|
78
|
+
"percentages": "n/a",
|
|
79
|
+
"computedValue": "as specified",
|
|
80
|
+
"canonicalOrder": "per grammar",
|
|
81
|
+
"animationType": "discrete",
|
|
82
|
+
"values": [
|
|
83
|
+
{
|
|
84
|
+
"name": "normal",
|
|
85
|
+
"prose": "containingGroupName.",
|
|
86
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
|
|
87
|
+
"type": "value",
|
|
88
|
+
"value": "normal"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "contain",
|
|
92
|
+
"prose": "containingGroupName.",
|
|
93
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
|
|
94
|
+
"type": "value",
|
|
95
|
+
"value": "contain"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "nearest",
|
|
99
|
+
"prose": "The document-scoped view transition name of the element’s nearest flat tree ancestor which participates in the transition.",
|
|
100
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
|
|
101
|
+
"type": "value",
|
|
102
|
+
"value": "nearest"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "<custom-ident>",
|
|
106
|
+
"prose": "group if the element has a flat tree ancestor whose document-scoped view transition name is group and participates in transition; Otherwise containingGroupName.",
|
|
107
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
|
|
108
|
+
"type": "value",
|
|
109
|
+
"value": "<custom-ident>"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"styleDeclaration": [
|
|
113
|
+
"view-transition-group",
|
|
114
|
+
"viewTransitionGroup"
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
],
|
|
118
|
+
"atrules": [
|
|
119
|
+
{
|
|
120
|
+
"name": "@view-transition",
|
|
121
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#at-view-transition-rule",
|
|
122
|
+
"descriptors": [
|
|
123
|
+
{
|
|
124
|
+
"name": "navigation",
|
|
125
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
|
|
126
|
+
"for": "@view-transition",
|
|
127
|
+
"value": "auto | none",
|
|
128
|
+
"initial": "none",
|
|
129
|
+
"values": [
|
|
130
|
+
{
|
|
131
|
+
"name": "none",
|
|
132
|
+
"prose": "There will be no transition.",
|
|
133
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-none",
|
|
134
|
+
"type": "value",
|
|
135
|
+
"value": "none"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "auto",
|
|
139
|
+
"prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects, and whose NavigationType is traverse, or push or replace, with user navigation involvement not equal to \"browser UI\".",
|
|
140
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-auto",
|
|
141
|
+
"type": "value",
|
|
142
|
+
"value": "auto"
|
|
143
|
+
}
|
|
144
|
+
]
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "types",
|
|
148
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
|
|
149
|
+
"for": "@view-transition",
|
|
150
|
+
"value": "none | <custom-ident>+",
|
|
151
|
+
"initial": "none"
|
|
152
|
+
}
|
|
153
|
+
],
|
|
154
|
+
"value": "@view-transition { <declaration-list> }"
|
|
38
155
|
}
|
|
39
156
|
],
|
|
40
|
-
"atrules": [],
|
|
41
157
|
"selectors": [
|
|
42
158
|
{
|
|
43
159
|
"name": "::view-transition",
|
|
44
160
|
"prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
|
|
45
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
161
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition",
|
|
46
162
|
"value": "::view-transition"
|
|
47
163
|
},
|
|
48
164
|
{
|
|
49
165
|
"name": "::view-transition-group()",
|
|
50
166
|
"prose": "The ::view-transition-group() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group() pseudo-element is generated for each view transition name as a child of the ::view-transition pseudo-element, and contains a corresponding ::view-transition-image-pair().",
|
|
51
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
167
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group"
|
|
52
168
|
},
|
|
53
169
|
{
|
|
54
170
|
"name": "::view-transition-image-pair()",
|
|
55
171
|
"prose": "The ::view-transition-image-pair() pseudo-element is a named view transition pseudo-element that represents a pair of corresponding old/new view transition captures. This pseudo-element is a child of the corresponding ::view-transition-group() pseudo-element and contains a corresponding ::view-transition-old() pseudo-element and/or a corresponding ::view-transition-new() pseudo-element (in that order).",
|
|
56
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
172
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-image-pair"
|
|
57
173
|
},
|
|
58
174
|
{
|
|
59
175
|
"name": "::view-transition-old()",
|
|
60
176
|
"prose": "The ::view-transition-old() pseudo-element is an empty named view transition pseudo-element that represents a visual snapshot of the “old” state as a replaced element; it is omitted if there’s no “old” state to represent. Each ::view-transition-old() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
177
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-old"
|
|
62
178
|
},
|
|
63
179
|
{
|
|
64
180
|
"name": "::view-transition-new()",
|
|
65
181
|
"prose": "The ::view-transition-new() pseudo-element (like the analogous ::view-transition-old() pseudo-element) is an empty named view transition pseudo-element that represents a visual snapshot of the “new” state as a replaced element; it is omitted if there’s no “new” state to represent. Each ::view-transition-new() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
|
|
66
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
182
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-new"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": ":active-view-transition",
|
|
186
|
+
"prose": "The :active-view-transition pseudo-class applies to the root element of the document, if it has an active view transition.",
|
|
187
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo",
|
|
188
|
+
"value": ":active-view-transition"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": ":active-view-transition-type()",
|
|
192
|
+
"prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
|
|
193
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "::view-transition-group-children()",
|
|
197
|
+
"prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
|
|
198
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
|
|
67
199
|
}
|
|
68
200
|
],
|
|
69
201
|
"values": [
|
|
70
202
|
{
|
|
71
203
|
"name": "<pt-name-selector>",
|
|
72
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
204
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-selector",
|
|
73
205
|
"type": "type",
|
|
74
206
|
"value": "'*' | <custom-ident>"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "<pt-name-and-class-selector>",
|
|
210
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-and-class-selector",
|
|
211
|
+
"type": "type",
|
|
212
|
+
"value": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "<pt-class-selector>",
|
|
216
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-class-selector",
|
|
217
|
+
"type": "type",
|
|
218
|
+
"value": "['.' <custom-ident>]+"
|
|
75
219
|
}
|
|
76
220
|
]
|
|
77
221
|
}
|
package/package.json
CHANGED
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS View Transitions Module Level 2",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-view-transitions-2/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "view-transition-class",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",
|
|
10
|
-
"value": "none | <custom-ident>+",
|
|
11
|
-
"initial": "none",
|
|
12
|
-
"appliesTo": "all elements",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "as specified",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "discrete",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "none",
|
|
21
|
-
"prose": "No class would apply to the named view transition pseudo-elements generated for this element.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-none",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "none"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "<custom-ident>+",
|
|
28
|
-
"prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>. Each 'view transition class' is a tree-scoped name.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-custom-ident",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "<custom-ident>+"
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
"styleDeclaration": [
|
|
35
|
-
"view-transition-class",
|
|
36
|
-
"viewTransitionClass"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "view-transition-group",
|
|
41
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
|
|
42
|
-
"value": "normal | contain | nearest | <custom-ident>",
|
|
43
|
-
"initial": "normal",
|
|
44
|
-
"appliesTo": "all elements",
|
|
45
|
-
"inherited": "no",
|
|
46
|
-
"percentages": "n/a",
|
|
47
|
-
"computedValue": "as specified",
|
|
48
|
-
"canonicalOrder": "per grammar",
|
|
49
|
-
"animationType": "discrete",
|
|
50
|
-
"values": [
|
|
51
|
-
{
|
|
52
|
-
"name": "normal",
|
|
53
|
-
"prose": "containingGroupName.",
|
|
54
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
|
|
55
|
-
"type": "value",
|
|
56
|
-
"value": "normal"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "contain",
|
|
60
|
-
"prose": "containingGroupName.",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
|
|
62
|
-
"type": "value",
|
|
63
|
-
"value": "contain"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "nearest",
|
|
67
|
-
"prose": "The document-scoped view transition name of the element’s nearest flat tree ancestor which participates in the transition.",
|
|
68
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
|
|
69
|
-
"type": "value",
|
|
70
|
-
"value": "nearest"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"name": "<custom-ident>",
|
|
74
|
-
"prose": "group if the element has a flat tree ancestor whose document-scoped view transition name is group and participates in transition; Otherwise containingGroupName.",
|
|
75
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
|
|
76
|
-
"type": "value",
|
|
77
|
-
"value": "<custom-ident>"
|
|
78
|
-
}
|
|
79
|
-
],
|
|
80
|
-
"styleDeclaration": [
|
|
81
|
-
"view-transition-group",
|
|
82
|
-
"viewTransitionGroup"
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
],
|
|
86
|
-
"atrules": [
|
|
87
|
-
{
|
|
88
|
-
"name": "@view-transition",
|
|
89
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#at-view-transition-rule",
|
|
90
|
-
"descriptors": [
|
|
91
|
-
{
|
|
92
|
-
"name": "navigation",
|
|
93
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
|
|
94
|
-
"for": "@view-transition",
|
|
95
|
-
"value": "auto | none",
|
|
96
|
-
"initial": "none",
|
|
97
|
-
"values": [
|
|
98
|
-
{
|
|
99
|
-
"name": "none",
|
|
100
|
-
"prose": "There will be no transition.",
|
|
101
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-none",
|
|
102
|
-
"type": "value",
|
|
103
|
-
"value": "none"
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "auto",
|
|
107
|
-
"prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects, and whose NavigationType is traverse, or push or replace, with user navigation involvement not equal to \"browser UI\".",
|
|
108
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-auto",
|
|
109
|
-
"type": "value",
|
|
110
|
-
"value": "auto"
|
|
111
|
-
}
|
|
112
|
-
]
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "types",
|
|
116
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
|
|
117
|
-
"for": "@view-transition",
|
|
118
|
-
"value": "none | <custom-ident>+",
|
|
119
|
-
"initial": "none"
|
|
120
|
-
}
|
|
121
|
-
],
|
|
122
|
-
"value": "@view-transition { <declaration-list> }"
|
|
123
|
-
}
|
|
124
|
-
],
|
|
125
|
-
"selectors": [
|
|
126
|
-
{
|
|
127
|
-
"name": ":active-view-transition",
|
|
128
|
-
"prose": "The :active-view-transition pseudo-class applies to the root element of the document, if it has an active view transition.",
|
|
129
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo",
|
|
130
|
-
"value": ":active-view-transition"
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
"name": ":active-view-transition-type()",
|
|
134
|
-
"prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
|
|
135
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
"name": "::view-transition-group-children()",
|
|
139
|
-
"prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
|
|
140
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
|
|
141
|
-
}
|
|
142
|
-
],
|
|
143
|
-
"values": [
|
|
144
|
-
{
|
|
145
|
-
"name": "<pt-name-and-class-selector>",
|
|
146
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-and-class-selector",
|
|
147
|
-
"type": "type",
|
|
148
|
-
"value": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
"name": "<pt-class-selector>",
|
|
152
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-class-selector",
|
|
153
|
-
"type": "type",
|
|
154
|
-
"value": "['.' <custom-ident>]+"
|
|
155
|
-
}
|
|
156
|
-
]
|
|
157
|
-
}
|