@webref/css 2.1.7 → 3.0.1
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-box.json +3 -3
- package/css-cascade.json +8 -4
- package/css-conditional-4.json +1 -16
- package/css-conditional-5.json +28 -0
- package/css-contain-3.json +129 -0
- package/css-fonts-5.json +4 -4
- package/css-fonts.json +5 -5
- package/css-overflow.json +22 -14
- package/css-values-5.json +16 -0
- package/css-values.json +0 -6
- package/mediaqueries-5.json +0 -24
- package/package.json +2 -2
- package/appmanifest.json +0 -18
package/css-box.json
CHANGED
|
@@ -80,12 +80,12 @@
|
|
|
80
80
|
},
|
|
81
81
|
"margin-trim": {
|
|
82
82
|
"name": "margin-trim",
|
|
83
|
-
"value": "none |
|
|
83
|
+
"value": "none | block | inline | [ block-start || inline-start || block-end || inline-end ]",
|
|
84
84
|
"initial": "none",
|
|
85
|
-
"appliesTo": "block containers, multi-column containers",
|
|
85
|
+
"appliesTo": "block containers, multi-column containers, flex containers, grid containers",
|
|
86
86
|
"inherited": "no",
|
|
87
87
|
"percentages": "N/A",
|
|
88
|
-
"computedValue": "
|
|
88
|
+
"computedValue": "a set of zero to four keywords indicating which sides to trim",
|
|
89
89
|
"canonicalOrder": "per grammar",
|
|
90
90
|
"animationType": "discrete",
|
|
91
91
|
"styleDeclaration": [
|
package/css-cascade.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"spec": {
|
|
3
|
-
"title": "CSS Cascading and Inheritance Level
|
|
4
|
-
"url": "https://drafts.csswg.org/css-cascade/"
|
|
3
|
+
"title": "CSS Cascading and Inheritance Level 5",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-cascade-5/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {
|
|
7
7
|
"all": {
|
|
8
8
|
"name": "all",
|
|
9
|
-
"value": "initial | inherit | unset | revert",
|
|
9
|
+
"value": "initial | inherit | unset | revert | revert-layer",
|
|
10
10
|
"initial": "see individual properties",
|
|
11
11
|
"appliesTo": "see individual properties",
|
|
12
12
|
"inherited": "see individual properties",
|
|
@@ -20,5 +20,9 @@
|
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
22
|
"descriptors": {},
|
|
23
|
-
"valuespaces": {
|
|
23
|
+
"valuespaces": {
|
|
24
|
+
"<layer-name>": {
|
|
25
|
+
"value": "<ident> [ '.' <ident> ]*"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
24
28
|
}
|
package/css-conditional-4.json
CHANGED
|
@@ -7,25 +7,10 @@
|
|
|
7
7
|
"descriptors": {},
|
|
8
8
|
"valuespaces": {
|
|
9
9
|
"<supports-feature>": {
|
|
10
|
-
"value": "<supports-selector-fn> | <supports-
|
|
10
|
+
"value": "<supports-selector-fn> | <supports-decl>"
|
|
11
11
|
},
|
|
12
12
|
"<supports-selector-fn>": {
|
|
13
13
|
"value": "selector( <complex-selector> )"
|
|
14
|
-
},
|
|
15
|
-
"<supports-font-technology-fn>": {
|
|
16
|
-
"value": "font-technology ( <font-technology> )"
|
|
17
|
-
},
|
|
18
|
-
"<font-technology>": {
|
|
19
|
-
"value": "[ features-opentype | features-aat | features-graphite | color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt | variations | palettes | incremental ]"
|
|
20
|
-
},
|
|
21
|
-
"<supports-font-format-fn>": {
|
|
22
|
-
"value": "font-format ( <font-format> )"
|
|
23
|
-
},
|
|
24
|
-
"<media()>": {
|
|
25
|
-
"value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
|
|
26
|
-
},
|
|
27
|
-
"<supports()>": {
|
|
28
|
-
"value": "supports( <declaration> )"
|
|
29
14
|
}
|
|
30
15
|
}
|
|
31
16
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"spec": {
|
|
3
|
+
"title": "CSS Conditional Rules Module Level 5",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-conditional-5/"
|
|
5
|
+
},
|
|
6
|
+
"properties": {},
|
|
7
|
+
"descriptors": {},
|
|
8
|
+
"valuespaces": {
|
|
9
|
+
"<supports-feature>": {
|
|
10
|
+
"value": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-decl>"
|
|
11
|
+
},
|
|
12
|
+
"<supports-font-tech-fn>": {
|
|
13
|
+
"value": "font-tech ( <font-tech> )"
|
|
14
|
+
},
|
|
15
|
+
"<font-tech>": {
|
|
16
|
+
"value": "[ features-opentype | features-aat | features-graphite | color-colrv0 | color-colrv1 | color-svg | color-sbix | color-cbdt | variations | palettes | incremental ]"
|
|
17
|
+
},
|
|
18
|
+
"<supports-font-format-fn>": {
|
|
19
|
+
"value": "font-format ( <font-format> )"
|
|
20
|
+
},
|
|
21
|
+
"<media()>": {
|
|
22
|
+
"value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
|
|
23
|
+
},
|
|
24
|
+
"<supports()>": {
|
|
25
|
+
"value": "supports( <declaration> )"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
{
|
|
2
|
+
"spec": {
|
|
3
|
+
"title": "CSS Containment Module Level 3",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-contain-3/"
|
|
5
|
+
},
|
|
6
|
+
"properties": {
|
|
7
|
+
"contain": {
|
|
8
|
+
"name": "contain",
|
|
9
|
+
"newValues": "layout || style || paint || [ size | inline-size ]",
|
|
10
|
+
"styleDeclaration": [
|
|
11
|
+
"contain"
|
|
12
|
+
]
|
|
13
|
+
},
|
|
14
|
+
"container-type": {
|
|
15
|
+
"name": "container-type",
|
|
16
|
+
"value": "none | style || state || [ size | inline-size | block-size ]",
|
|
17
|
+
"initial": "none",
|
|
18
|
+
"appliesTo": "all elements",
|
|
19
|
+
"inherited": "no",
|
|
20
|
+
"percentages": "n/a",
|
|
21
|
+
"computedValue": "the keyword none or one or more of size, inline-size, block-size, style, state",
|
|
22
|
+
"canonicalOrder": "per grammar",
|
|
23
|
+
"animationType": "not animatable",
|
|
24
|
+
"styleDeclaration": [
|
|
25
|
+
"container-type",
|
|
26
|
+
"containerType"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
"container-name": {
|
|
30
|
+
"name": "container-name",
|
|
31
|
+
"value": "none | [ <custom-ident> | <string> ]+",
|
|
32
|
+
"initial": "none",
|
|
33
|
+
"appliesTo": "all elements",
|
|
34
|
+
"inherited": "no",
|
|
35
|
+
"percentages": "n/a",
|
|
36
|
+
"computedValue": "a set of unique identifiers",
|
|
37
|
+
"canonicalOrder": "per grammar",
|
|
38
|
+
"animationType": "not animatable",
|
|
39
|
+
"styleDeclaration": [
|
|
40
|
+
"container-name",
|
|
41
|
+
"containerName"
|
|
42
|
+
]
|
|
43
|
+
},
|
|
44
|
+
"container": {
|
|
45
|
+
"name": "container",
|
|
46
|
+
"value": "<'container-type'> [ / <'container-name'> ]?",
|
|
47
|
+
"initial": "see individual properties",
|
|
48
|
+
"appliesTo": "see individual properties",
|
|
49
|
+
"inherited": "see individual properties",
|
|
50
|
+
"percentages": "see individual properties",
|
|
51
|
+
"computedValue": "see individual properties",
|
|
52
|
+
"animationType": "see individual properties",
|
|
53
|
+
"canonicalOrder": "per grammar",
|
|
54
|
+
"styleDeclaration": [
|
|
55
|
+
"container"
|
|
56
|
+
]
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
"descriptors": {
|
|
60
|
+
"width": [
|
|
61
|
+
{
|
|
62
|
+
"name": "width",
|
|
63
|
+
"for": "@container",
|
|
64
|
+
"value": "<length>",
|
|
65
|
+
"type": "range"
|
|
66
|
+
}
|
|
67
|
+
],
|
|
68
|
+
"height": [
|
|
69
|
+
{
|
|
70
|
+
"name": "height",
|
|
71
|
+
"for": "@container",
|
|
72
|
+
"value": "<length>",
|
|
73
|
+
"type": "range"
|
|
74
|
+
}
|
|
75
|
+
],
|
|
76
|
+
"inline-size": [
|
|
77
|
+
{
|
|
78
|
+
"name": "inline-size",
|
|
79
|
+
"for": "@container",
|
|
80
|
+
"value": "<length>",
|
|
81
|
+
"type": "range"
|
|
82
|
+
}
|
|
83
|
+
],
|
|
84
|
+
"block-size": [
|
|
85
|
+
{
|
|
86
|
+
"name": "block-size",
|
|
87
|
+
"for": "@container",
|
|
88
|
+
"value": "<length>",
|
|
89
|
+
"type": "range"
|
|
90
|
+
}
|
|
91
|
+
],
|
|
92
|
+
"aspect-ratio": [
|
|
93
|
+
{
|
|
94
|
+
"name": "aspect-ratio",
|
|
95
|
+
"for": "@container",
|
|
96
|
+
"value": "<ratio>",
|
|
97
|
+
"type": "range"
|
|
98
|
+
}
|
|
99
|
+
],
|
|
100
|
+
"orientation": [
|
|
101
|
+
{
|
|
102
|
+
"name": "orientation",
|
|
103
|
+
"for": "@container",
|
|
104
|
+
"value": "portrait | landscape",
|
|
105
|
+
"type": "discrete"
|
|
106
|
+
}
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
"valuespaces": {
|
|
110
|
+
"<container-condition>": {
|
|
111
|
+
"value": "not <container-query> | <container-query> [ and <container-query> ]* | <container-query> [ or <container-query> ]*"
|
|
112
|
+
},
|
|
113
|
+
"<container-query>": {
|
|
114
|
+
"value": "( <container-condition> ) | size( <size-query> ) | style( <style-query> )"
|
|
115
|
+
},
|
|
116
|
+
"<size-query>": {
|
|
117
|
+
"value": "<size-feature> | <size-condition>"
|
|
118
|
+
},
|
|
119
|
+
"<size-condition>": {
|
|
120
|
+
"value": "not ( <size-query> ) | ( <size-query> ) [ and ( <size-query> ) ]* | ( <size-query> ) [ or ( <size-query> ) ]*"
|
|
121
|
+
},
|
|
122
|
+
"<style-query>": {
|
|
123
|
+
"value": "<style-feature> | <style-condition>"
|
|
124
|
+
},
|
|
125
|
+
"<style-condition>": {
|
|
126
|
+
"value": "not ( <style-query> ) | ( <style-query> ) [ and ( <style-query> ) ]* | ( <style-query> ) [ or ( <style-query> ) ]*"
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
}
|
package/css-fonts-5.json
CHANGED
|
@@ -98,13 +98,13 @@
|
|
|
98
98
|
"<font-format>": {
|
|
99
99
|
"value": "[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
|
|
100
100
|
},
|
|
101
|
-
"<font-
|
|
102
|
-
"value": "[<font-feature-
|
|
101
|
+
"<font-tech>": {
|
|
102
|
+
"value": "[<font-feature-tech> | <color-font-tech> | variations | palettes | incremental ]"
|
|
103
103
|
},
|
|
104
|
-
"<font-feature-
|
|
104
|
+
"<font-feature-tech>": {
|
|
105
105
|
"value": "[feature-opentype | feature-aat | feature-graphite]"
|
|
106
106
|
},
|
|
107
|
-
"<color-font-
|
|
107
|
+
"<color-font-tech>": {
|
|
108
108
|
"value": "[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
|
|
109
109
|
}
|
|
110
110
|
}
|
package/css-fonts.json
CHANGED
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
},
|
|
67
67
|
"font-size": {
|
|
68
68
|
"name": "font-size",
|
|
69
|
-
"value": "<absolute-size> | <relative-size> | <length-percentage>",
|
|
69
|
+
"value": "<absolute-size> | <relative-size> | <length-percentage> | math",
|
|
70
70
|
"initial": "medium",
|
|
71
71
|
"appliesTo": "all elements and text",
|
|
72
72
|
"inherited": "yes",
|
|
@@ -536,13 +536,13 @@
|
|
|
536
536
|
"<font-format>": {
|
|
537
537
|
"value": "[<string> | collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
|
|
538
538
|
},
|
|
539
|
-
"<font-
|
|
540
|
-
"value": "[<font-feature-
|
|
539
|
+
"<font-tech>": {
|
|
540
|
+
"value": "[<font-feature-tech> | <color-font-tech> | variations | palettes | incremental ]"
|
|
541
541
|
},
|
|
542
|
-
"<font-feature-
|
|
542
|
+
"<font-feature-tech>": {
|
|
543
543
|
"value": "[feature-opentype | feature-aat | feature-graphite]"
|
|
544
544
|
},
|
|
545
|
-
"<color-font-
|
|
545
|
+
"<color-font-tech>": {
|
|
546
546
|
"value": "[color-COLRv0 | color-COLRv1 | color-SVG | color-sbix | color-CBDT ]"
|
|
547
547
|
},
|
|
548
548
|
"<common-lig-values>": {
|
package/css-overflow.json
CHANGED
|
@@ -168,24 +168,25 @@
|
|
|
168
168
|
"lineClamp"
|
|
169
169
|
]
|
|
170
170
|
},
|
|
171
|
-
"
|
|
172
|
-
"name": "
|
|
171
|
+
"-webkit-line-clamp": {
|
|
172
|
+
"name": "-webkit-line-clamp",
|
|
173
173
|
"value": "none | <integer>",
|
|
174
174
|
"initial": "none",
|
|
175
|
-
"appliesTo": "
|
|
176
|
-
"inherited": "
|
|
175
|
+
"appliesTo": "see individual properties",
|
|
176
|
+
"inherited": "see individual properties",
|
|
177
177
|
"percentages": "N/A",
|
|
178
|
-
"computedValue": "
|
|
178
|
+
"computedValue": "see individual properties",
|
|
179
|
+
"animationType": "see individual properties",
|
|
179
180
|
"canonicalOrder": "per grammar",
|
|
180
|
-
"animationType": "by computed value type",
|
|
181
181
|
"styleDeclaration": [
|
|
182
|
-
"
|
|
183
|
-
"
|
|
182
|
+
"-webkit-line-clamp",
|
|
183
|
+
"WebkitLineClamp",
|
|
184
|
+
"webkitLineClamp"
|
|
184
185
|
]
|
|
185
186
|
},
|
|
186
187
|
"continue": {
|
|
187
188
|
"name": "continue",
|
|
188
|
-
"value": "auto | discard",
|
|
189
|
+
"value": "auto | discard | -webkit-discard",
|
|
189
190
|
"initial": "auto",
|
|
190
191
|
"appliesTo": "block containers and multicol containers",
|
|
191
192
|
"inherited": "no",
|
|
@@ -197,12 +198,19 @@
|
|
|
197
198
|
"continue"
|
|
198
199
|
]
|
|
199
200
|
},
|
|
200
|
-
"-
|
|
201
|
-
"name": "-
|
|
201
|
+
"max-lines": {
|
|
202
|
+
"name": "max-lines",
|
|
203
|
+
"value": "none | <integer>",
|
|
204
|
+
"initial": "none",
|
|
205
|
+
"appliesTo": "block containers which are also fragmentation containers that capture region breaks",
|
|
206
|
+
"inherited": "no",
|
|
207
|
+
"percentages": "N/A",
|
|
208
|
+
"computedValue": "the keyword none or an integer",
|
|
209
|
+
"canonicalOrder": "per grammar",
|
|
210
|
+
"animationType": "by computed value type",
|
|
202
211
|
"styleDeclaration": [
|
|
203
|
-
"-
|
|
204
|
-
"
|
|
205
|
-
"webkitLineClamp"
|
|
212
|
+
"max-lines",
|
|
213
|
+
"maxLines"
|
|
206
214
|
]
|
|
207
215
|
}
|
|
208
216
|
},
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"spec": {
|
|
3
|
+
"title": "CSS Values and Units Module Level 5",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-values-5/"
|
|
5
|
+
},
|
|
6
|
+
"properties": {},
|
|
7
|
+
"descriptors": {},
|
|
8
|
+
"valuespaces": {
|
|
9
|
+
"<attr()>": {
|
|
10
|
+
"value": "attr( <q-name> <attr-type>? , <declaration-value>?)"
|
|
11
|
+
},
|
|
12
|
+
"<attr-type>": {
|
|
13
|
+
"value": "string | url | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
package/css-values.json
CHANGED
|
@@ -15,12 +15,6 @@
|
|
|
15
15
|
"<position>": {
|
|
16
16
|
"value": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
|
|
17
17
|
},
|
|
18
|
-
"<attr()>": {
|
|
19
|
-
"value": "attr( <wq-name> <attr-type>? , <declaration-value>?)"
|
|
20
|
-
},
|
|
21
|
-
"<attr-type>": {
|
|
22
|
-
"value": "string | url | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
|
|
23
|
-
},
|
|
24
18
|
"<calc()>": {
|
|
25
19
|
"value": "calc( <calc-sum> )"
|
|
26
20
|
},
|
package/mediaqueries-5.json
CHANGED
|
@@ -221,30 +221,6 @@
|
|
|
221
221
|
"type": "discrete"
|
|
222
222
|
}
|
|
223
223
|
],
|
|
224
|
-
"video-width": [
|
|
225
|
-
{
|
|
226
|
-
"name": "video-width",
|
|
227
|
-
"for": "@media",
|
|
228
|
-
"value": "<length>",
|
|
229
|
-
"type": "range"
|
|
230
|
-
}
|
|
231
|
-
],
|
|
232
|
-
"video-height": [
|
|
233
|
-
{
|
|
234
|
-
"name": "video-height",
|
|
235
|
-
"for": "@media",
|
|
236
|
-
"value": "<length>",
|
|
237
|
-
"type": "range"
|
|
238
|
-
}
|
|
239
|
-
],
|
|
240
|
-
"video-resolution": [
|
|
241
|
-
{
|
|
242
|
-
"name": "video-resolution",
|
|
243
|
-
"for": "@media",
|
|
244
|
-
"value": "<resolution> | infinite",
|
|
245
|
-
"type": "range"
|
|
246
|
-
}
|
|
247
|
-
],
|
|
248
224
|
"scripting": [
|
|
249
225
|
{
|
|
250
226
|
"name": "scripting",
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webref/css",
|
|
3
3
|
"description": "CSS definitions of the web platform",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "3.0.1",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/w3c/webref.git"
|
|
@@ -12,6 +12,6 @@
|
|
|
12
12
|
"license": "MIT",
|
|
13
13
|
"main": "index.js",
|
|
14
14
|
"peerDependencies": {
|
|
15
|
-
"css-tree": "^
|
|
15
|
+
"css-tree": "^2.0.4"
|
|
16
16
|
}
|
|
17
17
|
}
|
package/appmanifest.json
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "Web Application Manifest",
|
|
4
|
-
"url": "https://w3c.github.io/manifest/"
|
|
5
|
-
},
|
|
6
|
-
"properties": {},
|
|
7
|
-
"descriptors": {
|
|
8
|
-
"display-mode": [
|
|
9
|
-
{
|
|
10
|
-
"name": "display-mode",
|
|
11
|
-
"for": "@media",
|
|
12
|
-
"value": "fullscreen | standalone | minimal-ui | browser",
|
|
13
|
-
"type": "discrete"
|
|
14
|
-
}
|
|
15
|
-
]
|
|
16
|
-
},
|
|
17
|
-
"valuespaces": {}
|
|
18
|
-
}
|