@webref/css 5.2.0 → 5.3.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/css-anchor.json +60 -0
- package/css-animations.json +0 -18
- package/css-cascade-6.json +1 -1
- package/css-masking.json +1 -1
- package/package.json +1 -1
- package/scroll-animations.json +66 -0
- package/css-device-adapt.json +0 -106
package/css-anchor.json
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"spec": {
|
|
3
|
+
"title": "CSS Anchor Positioning",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-anchor-1/"
|
|
5
|
+
},
|
|
6
|
+
"properties": {
|
|
7
|
+
"anchor-name": {
|
|
8
|
+
"name": "anchor-name",
|
|
9
|
+
"value": "none | <dashed-ident>",
|
|
10
|
+
"initial": "none",
|
|
11
|
+
"appliesTo": "all elements",
|
|
12
|
+
"inherited": "no",
|
|
13
|
+
"percentages": "n/a",
|
|
14
|
+
"computedValue": "as specified",
|
|
15
|
+
"canonicalOrder": "per grammar",
|
|
16
|
+
"animationType": "discrete",
|
|
17
|
+
"styleDeclaration": [
|
|
18
|
+
"anchor-name",
|
|
19
|
+
"anchorName"
|
|
20
|
+
]
|
|
21
|
+
},
|
|
22
|
+
"position-fallback": {
|
|
23
|
+
"name": "position-fallback",
|
|
24
|
+
"value": "none | <dashed-ident>",
|
|
25
|
+
"initial": "none",
|
|
26
|
+
"appliesTo": "absolutely-positioned elements",
|
|
27
|
+
"inherited": "no",
|
|
28
|
+
"percentages": "n/a",
|
|
29
|
+
"computedValue": "as specified",
|
|
30
|
+
"canonicalOrder": "per grammar",
|
|
31
|
+
"animationType": "discrete",
|
|
32
|
+
"styleDeclaration": [
|
|
33
|
+
"position-fallback",
|
|
34
|
+
"positionFallback"
|
|
35
|
+
]
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
"atrules": {
|
|
39
|
+
"@position-fallback": {
|
|
40
|
+
"value": "@position-fallback <dashed-ident> { <rule-list> } @try { <declaration-list> }",
|
|
41
|
+
"descriptors": []
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"valuespaces": {
|
|
45
|
+
"<anchor()>": {
|
|
46
|
+
"prose": "An absolutely-positioned element can use the anchor() function as a value in its inset properties to refer to the position of one or more anchor elements. The anchor() function resolves to a <length>.",
|
|
47
|
+
"value": "anchor( <dashed-ident>? <anchor-side>, <length-percentage>? )"
|
|
48
|
+
},
|
|
49
|
+
"<anchor-size()>": {
|
|
50
|
+
"prose": "An absolutely-positioned element can use the anchor-size() function in its sizing properties to refer to the size of one or more anchor elements. The anchor-size() function resolves to a <length>.",
|
|
51
|
+
"value": "anchor( <dashed-ident>? <anchor-size>, <length-percentage>? )"
|
|
52
|
+
},
|
|
53
|
+
"<anchor-side>": {
|
|
54
|
+
"value": "top | left | right | bottom | start | end | self-start | self-end | <percentage> | center"
|
|
55
|
+
},
|
|
56
|
+
"<anchor-size>": {
|
|
57
|
+
"value": "width | height | block | inline | self-block | self-inline"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
package/css-animations.json
CHANGED
|
@@ -94,21 +94,6 @@
|
|
|
94
94
|
"animationPlayState"
|
|
95
95
|
]
|
|
96
96
|
},
|
|
97
|
-
"animation-delay": {
|
|
98
|
-
"name": "animation-delay",
|
|
99
|
-
"value": "<time>#",
|
|
100
|
-
"initial": "0s",
|
|
101
|
-
"appliesTo": "all elements",
|
|
102
|
-
"inherited": "no",
|
|
103
|
-
"percentages": "N/A",
|
|
104
|
-
"computedValue": "list, each item a duration",
|
|
105
|
-
"canonicalOrder": "per grammar",
|
|
106
|
-
"animationType": "not animatable",
|
|
107
|
-
"styleDeclaration": [
|
|
108
|
-
"animation-delay",
|
|
109
|
-
"animationDelay"
|
|
110
|
-
]
|
|
111
|
-
},
|
|
112
97
|
"animation-fill-mode": {
|
|
113
98
|
"name": "animation-fill-mode",
|
|
114
99
|
"value": "<single-animation-fill-mode>#",
|
|
@@ -166,9 +151,6 @@
|
|
|
166
151
|
},
|
|
167
152
|
"<keyframe-block>": {
|
|
168
153
|
"value": "<keyframe-selector># { <declaration-list> }"
|
|
169
|
-
},
|
|
170
|
-
"<keyframe-selector>": {
|
|
171
|
-
"value": "from | to | <percentage [0,100]>"
|
|
172
154
|
}
|
|
173
155
|
}
|
|
174
156
|
}
|
package/css-cascade-6.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"prose": "The <scope-start> is a <forgiving-selector-list>. Each element matched by <scope-start> is a scoping element, creating a scope with itself as the scoping root."
|
|
16
16
|
},
|
|
17
17
|
"<scope-end>": {
|
|
18
|
-
"prose": "The <scope-end> is a <forgiving-selector-list> that is scoped by the <scope-start> selector, with the scoping roots as :scope elements. Each element matched by <scope-end> is a scoping limit. The scoping limit elements define the lower bounds of a scope, so that scoped selectors are not able to match any elements nested within them."
|
|
18
|
+
"prose": "The <scope-end> is a <forgiving-selector-list> that is scoped by the <scope-start> selector, with the scoping roots as :scope elements. Each element matched by <scope-end> is a scoping limit. The scoping limit elements define the lower bounds of a scope, so that scoped selectors are not able to match any scoping limit elements, or any elements nested within them."
|
|
19
19
|
},
|
|
20
20
|
"<selector-scope>": {
|
|
21
21
|
"value": "( <scope-start> [/ <scope-end>]? )"
|
package/css-masking.json
CHANGED
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
},
|
|
214
214
|
"mask-border-slice": {
|
|
215
215
|
"name": "mask-border-slice",
|
|
216
|
-
"value": "<number
|
|
216
|
+
"value": "[ <number> | <percentage> ]{1,4} fill?",
|
|
217
217
|
"initial": "0",
|
|
218
218
|
"appliesTo": "All elements. In SVG, it applies to container elements excluding the defs element, all graphics elements and the use element",
|
|
219
219
|
"inherited": "no",
|
package/package.json
CHANGED
package/scroll-animations.json
CHANGED
|
@@ -108,10 +108,73 @@
|
|
|
108
108
|
"view-timeline",
|
|
109
109
|
"viewTimeline"
|
|
110
110
|
]
|
|
111
|
+
},
|
|
112
|
+
"animation-delay": {
|
|
113
|
+
"name": "animation-delay",
|
|
114
|
+
"value": "[ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#",
|
|
115
|
+
"initial": "see individual properties",
|
|
116
|
+
"appliesTo": "see individual properties",
|
|
117
|
+
"inherited": "see individual properties",
|
|
118
|
+
"percentages": "see individual properties",
|
|
119
|
+
"computedValue": "see individual properties",
|
|
120
|
+
"animationType": "see individual properties",
|
|
121
|
+
"canonicalOrder": "per grammar",
|
|
122
|
+
"styleDeclaration": [
|
|
123
|
+
"animation-delay",
|
|
124
|
+
"animationDelay"
|
|
125
|
+
]
|
|
126
|
+
},
|
|
127
|
+
"animation-range": {
|
|
128
|
+
"name": "animation-range",
|
|
129
|
+
"value": "[ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#",
|
|
130
|
+
"initial": "see individual properties",
|
|
131
|
+
"appliesTo": "see individual properties",
|
|
132
|
+
"inherited": "see individual properties",
|
|
133
|
+
"percentages": "see individual properties",
|
|
134
|
+
"computedValue": "see individual properties",
|
|
135
|
+
"animationType": "see individual properties",
|
|
136
|
+
"canonicalOrder": "per grammar",
|
|
137
|
+
"styleDeclaration": [
|
|
138
|
+
"animation-range",
|
|
139
|
+
"animationRange"
|
|
140
|
+
]
|
|
141
|
+
},
|
|
142
|
+
"animation-delay-start": {
|
|
143
|
+
"name": "animation-delay-start",
|
|
144
|
+
"value": "[ <time> | <timeline-range-name> <percentage> ]",
|
|
145
|
+
"initial": "0s",
|
|
146
|
+
"appliesTo": "all elements",
|
|
147
|
+
"inherited": "no",
|
|
148
|
+
"percentages": "relative to the specified named timeline range",
|
|
149
|
+
"computedValue": "list, each item either a duration or a timeline range and progress percentage",
|
|
150
|
+
"canonicalOrder": "per grammar",
|
|
151
|
+
"animatable": "no",
|
|
152
|
+
"styleDeclaration": [
|
|
153
|
+
"animation-delay-start",
|
|
154
|
+
"animationDelayStart"
|
|
155
|
+
]
|
|
156
|
+
},
|
|
157
|
+
"animation-delay-end": {
|
|
158
|
+
"name": "animation-delay-end",
|
|
159
|
+
"value": "[ <time> | <timeline-range-name> <percentage> ]",
|
|
160
|
+
"initial": "0s",
|
|
161
|
+
"appliesTo": "all elements",
|
|
162
|
+
"inherited": "no",
|
|
163
|
+
"percentages": "relative to the specified named timeline range",
|
|
164
|
+
"computedValue": "list, each item either a duration or a timeline range and progress percentage",
|
|
165
|
+
"canonicalOrder": "per grammar",
|
|
166
|
+
"animatable": "no",
|
|
167
|
+
"styleDeclaration": [
|
|
168
|
+
"animation-delay-end",
|
|
169
|
+
"animationDelayEnd"
|
|
170
|
+
]
|
|
111
171
|
}
|
|
112
172
|
},
|
|
113
173
|
"atrules": {},
|
|
114
174
|
"valuespaces": {
|
|
175
|
+
"<timeline-range-name>": {
|
|
176
|
+
"prose": "A named timeline range is a named segment of an animation timeline. The start of the segment is represented as 0% progress through the range; the end of the segment is represented as 100% progress through the range. Multiple named timeline ranges can be attached to a given timeline, and multiple such ranges can overlap. For example, the contain range of a view progress timeline overlaps with its cover range. Named timeline ranges are represented by the <timeline-range-name> value type, which indicates a CSS identifier representing one of the predefined named timeline ranges."
|
|
177
|
+
},
|
|
115
178
|
"<scroll()>": {
|
|
116
179
|
"value": "scroll( <axis>? <scroller>? )"
|
|
117
180
|
},
|
|
@@ -120,6 +183,9 @@
|
|
|
120
183
|
},
|
|
121
184
|
"<scroller>": {
|
|
122
185
|
"value": "root | nearest"
|
|
186
|
+
},
|
|
187
|
+
"<keyframe-selector>": {
|
|
188
|
+
"value": "from | to | <percentage> | <timeline-range-name> <percentage>"
|
|
123
189
|
}
|
|
124
190
|
}
|
|
125
191
|
}
|
package/css-device-adapt.json
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS Device Adaptation Module Level 1",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-device-adapt-1/"
|
|
5
|
-
},
|
|
6
|
-
"properties": {},
|
|
7
|
-
"atrules": {
|
|
8
|
-
"@viewport": {
|
|
9
|
-
"descriptors": [
|
|
10
|
-
{
|
|
11
|
-
"name": "min-width",
|
|
12
|
-
"for": "@viewport",
|
|
13
|
-
"value": "<viewport-length>",
|
|
14
|
-
"initial": "auto",
|
|
15
|
-
"percentages": "Refer to the width of the initial viewport",
|
|
16
|
-
"computedValue": "auto, an absolute length, or a percentage as specified"
|
|
17
|
-
},
|
|
18
|
-
{
|
|
19
|
-
"name": "max-width",
|
|
20
|
-
"for": "@viewport",
|
|
21
|
-
"value": "<viewport-length>",
|
|
22
|
-
"initial": "auto",
|
|
23
|
-
"percentages": "Refer to the width of the initial viewport",
|
|
24
|
-
"computedValue": "auto, an absolute length, or a percentage as specified"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "width",
|
|
28
|
-
"for": "@viewport",
|
|
29
|
-
"value": "<viewport-length>{1,2}",
|
|
30
|
-
"initial": "See individual descriptors",
|
|
31
|
-
"percentages": "See individual descriptors",
|
|
32
|
-
"computedValue": "See individual descriptors"
|
|
33
|
-
},
|
|
34
|
-
{
|
|
35
|
-
"name": "min-height",
|
|
36
|
-
"for": "@viewport",
|
|
37
|
-
"value": "<viewport-length>",
|
|
38
|
-
"initial": "auto",
|
|
39
|
-
"percentages": "Refer to the height of the initial viewport",
|
|
40
|
-
"computedValue": "auto, an absolute length, or a percentage as specified"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "max-height",
|
|
44
|
-
"for": "@viewport",
|
|
45
|
-
"value": "<viewport-length>",
|
|
46
|
-
"initial": "auto",
|
|
47
|
-
"percentages": "Refer to the height of the initial viewport",
|
|
48
|
-
"computedValue": "auto, an absolute length, or a percentage as specified"
|
|
49
|
-
},
|
|
50
|
-
{
|
|
51
|
-
"name": "height",
|
|
52
|
-
"for": "@viewport",
|
|
53
|
-
"value": "<viewport-length>{1,2}",
|
|
54
|
-
"initial": "See individual descriptors",
|
|
55
|
-
"percentages": "See individual descriptors",
|
|
56
|
-
"computedValue": "See individual descriptors"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "zoom",
|
|
60
|
-
"for": "@viewport",
|
|
61
|
-
"value": "auto | <number> | <percentage>",
|
|
62
|
-
"initial": "auto",
|
|
63
|
-
"percentages": "The zoom factor itself",
|
|
64
|
-
"computedValue": "auto, or a non-negative number or percentage as specified"
|
|
65
|
-
},
|
|
66
|
-
{
|
|
67
|
-
"name": "min-zoom",
|
|
68
|
-
"for": "@viewport",
|
|
69
|
-
"value": "auto | <number> | <percentage>",
|
|
70
|
-
"initial": "auto",
|
|
71
|
-
"percentages": "The zoom factor itself",
|
|
72
|
-
"computedValue": "auto, or a non-negative number or percentage as specified"
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
"name": "max-zoom",
|
|
76
|
-
"for": "@viewport",
|
|
77
|
-
"value": "auto | <number> | <percentage>",
|
|
78
|
-
"initial": "auto",
|
|
79
|
-
"percentages": "The zoom factor itself",
|
|
80
|
-
"computedValue": "auto, or a non-negative number or percentage as specified"
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
"name": "user-zoom",
|
|
84
|
-
"for": "@viewport",
|
|
85
|
-
"value": "zoom | fixed",
|
|
86
|
-
"initial": "zoom",
|
|
87
|
-
"percentages": "N/A",
|
|
88
|
-
"computedValue": "as specified"
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
"name": "orientation",
|
|
92
|
-
"for": "@viewport",
|
|
93
|
-
"value": "auto | portrait | landscape",
|
|
94
|
-
"initial": "auto",
|
|
95
|
-
"percentages": "N/A",
|
|
96
|
-
"computedValue": "as specified"
|
|
97
|
-
}
|
|
98
|
-
]
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
"valuespaces": {
|
|
102
|
-
"<viewport-length>": {
|
|
103
|
-
"value": "auto | <length> | <percentage>"
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|