@webref/css 2.1.3 → 2.1.7
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-color-5.json +43 -15
- package/css-color.json +12 -31
- package/css-images-4.json +10 -1
- package/fill-stroke.json +21 -21
- package/mediaqueries-5.json +8 -0
- package/mediaqueries.json +3 -3
- package/package.json +1 -1
package/css-color-5.json
CHANGED
|
@@ -4,43 +4,71 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-color-5/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"descriptors": {
|
|
7
|
+
"descriptors": {
|
|
8
|
+
"src": [
|
|
9
|
+
{
|
|
10
|
+
"name": "src",
|
|
11
|
+
"for": "@color-profile",
|
|
12
|
+
"value": "<url>",
|
|
13
|
+
"initial": "n/a"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"rendering-intent": [
|
|
17
|
+
{
|
|
18
|
+
"name": "rendering-intent",
|
|
19
|
+
"for": "@color-profile",
|
|
20
|
+
"value": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
|
|
21
|
+
"initial": "relative-colorimetric"
|
|
22
|
+
}
|
|
23
|
+
],
|
|
24
|
+
"components": [
|
|
25
|
+
{
|
|
26
|
+
"name": "components",
|
|
27
|
+
"for": "@color-profile",
|
|
28
|
+
"value": "<ident>#",
|
|
29
|
+
"initial": "n/a"
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
},
|
|
8
33
|
"valuespaces": {
|
|
9
|
-
"<color-space>": {
|
|
10
|
-
"value": "srgb | hsl | hwb | xyz | lab | lch | oklab | oklch"
|
|
11
|
-
},
|
|
12
34
|
"<color-mix()>": {
|
|
13
|
-
"value": "color-mix(
|
|
14
|
-
},
|
|
15
|
-
"<hue-adjuster>": {
|
|
16
|
-
"value": "shorter | longer | increasing | decreasing | specified"
|
|
35
|
+
"value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"
|
|
17
36
|
},
|
|
18
37
|
"<color-contrast()>": {
|
|
19
38
|
"value": "color-contrast( <color> vs <color>#{2,} [ to [<number> | AA | AA-large | AAA | AAA-large]]? )"
|
|
20
39
|
},
|
|
21
40
|
"<rgb()>": {
|
|
22
|
-
"value": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]?
|
|
41
|
+
"value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / <alpha-value> ]? )"
|
|
42
|
+
},
|
|
43
|
+
"<alpha-value>": {
|
|
44
|
+
"value": "<number> | <percentage>"
|
|
23
45
|
},
|
|
24
46
|
"<hsl()>": {
|
|
25
|
-
"value": "hsl([from <color>]? <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
|
|
47
|
+
"value": "hsl(([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
|
|
26
48
|
},
|
|
27
49
|
"<hwb()>": {
|
|
28
|
-
"value": "hwb([from <color>]? <hue> <percentage> <percentage> [ / <alpha-value> ]? )"
|
|
50
|
+
"value": "hwb([from <color>]? [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )"
|
|
29
51
|
},
|
|
30
52
|
"<lab()>": {
|
|
31
|
-
"value": "lab([from <color>]? <percentage> <number> <number> [ / <alpha-value> ]? )"
|
|
53
|
+
"value": "lab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
|
|
32
54
|
},
|
|
33
55
|
"<oklab()>": {
|
|
34
|
-
"value": "oklab([from <color>]? <percentage> <number> <number> [ / <alpha-value> ]? )"
|
|
56
|
+
"value": "oklab([from <color>]? [<percentage> | none] [<number> | none] [<number> | none] [ / [<alpha-value> | none] ]? )"
|
|
35
57
|
},
|
|
36
58
|
"<lch()>": {
|
|
37
|
-
"value": "lch([from <color>]? <percentage> <number> <hue> [ / <alpha-value> ]? )"
|
|
59
|
+
"value": "lch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
|
|
38
60
|
},
|
|
39
61
|
"<oklch()>": {
|
|
40
|
-
"value": "oklch([from <color>]? <percentage> <number> <hue> [ / <alpha-value> ]? )"
|
|
62
|
+
"value": "oklch([from <color>]? [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
|
|
41
63
|
},
|
|
42
64
|
"<color()>": {
|
|
43
65
|
"value": "color( [from <color>]? <colorspace-params> [ / <alpha-value> ]? )"
|
|
66
|
+
},
|
|
67
|
+
"<device-cmyk()>": {
|
|
68
|
+
"value": "device-cmyk( <cmyk-component>{4} [ / <alpha-value> ]? )"
|
|
69
|
+
},
|
|
70
|
+
"<cmyk-component>": {
|
|
71
|
+
"value": "<number> | <percentage>"
|
|
44
72
|
}
|
|
45
73
|
}
|
|
46
74
|
}
|
package/css-color.json
CHANGED
|
@@ -33,32 +33,7 @@
|
|
|
33
33
|
]
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
|
-
"descriptors": {
|
|
37
|
-
"src": [
|
|
38
|
-
{
|
|
39
|
-
"name": "src",
|
|
40
|
-
"for": "@color-profile",
|
|
41
|
-
"value": "<url>",
|
|
42
|
-
"initial": "n/a"
|
|
43
|
-
}
|
|
44
|
-
],
|
|
45
|
-
"rendering-intent": [
|
|
46
|
-
{
|
|
47
|
-
"name": "rendering-intent",
|
|
48
|
-
"for": "@color-profile",
|
|
49
|
-
"value": "relative-colorimetric | absolute-colorimetric | perceptual | saturation",
|
|
50
|
-
"initial": "relative-colorimetric"
|
|
51
|
-
}
|
|
52
|
-
],
|
|
53
|
-
"components": [
|
|
54
|
-
{
|
|
55
|
-
"name": "components",
|
|
56
|
-
"for": "@color-profile",
|
|
57
|
-
"value": "<ident>#",
|
|
58
|
-
"initial": "n/a"
|
|
59
|
-
}
|
|
60
|
-
]
|
|
61
|
-
},
|
|
36
|
+
"descriptors": {},
|
|
62
37
|
"valuespaces": {
|
|
63
38
|
"<color>": {
|
|
64
39
|
"value": "<absolute-color-base> | currentcolor | <system-color> | <device-cmyk()>"
|
|
@@ -94,13 +69,19 @@
|
|
|
94
69
|
"value": "oklch( [<percentage> | none] [<number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )"
|
|
95
70
|
},
|
|
96
71
|
"<color()>": {
|
|
97
|
-
"value": "color(
|
|
72
|
+
"value": "color( <colorspace-params> [ / <alpha-value> ]? )"
|
|
98
73
|
},
|
|
99
|
-
"<
|
|
100
|
-
"value": "
|
|
74
|
+
"<rectangular-color-space>": {
|
|
75
|
+
"value": "srgb | srgb-linear | lab | oklab | xyz | xyz-d50 | xyz-d65"
|
|
101
76
|
},
|
|
102
|
-
"<
|
|
103
|
-
"value": "
|
|
77
|
+
"<polar-color-space>": {
|
|
78
|
+
"value": "hsl | hwb | lch | oklch"
|
|
79
|
+
},
|
|
80
|
+
"<hue-interpolation-method>": {
|
|
81
|
+
"value": "[ shorter | longer | increasing | decreasing | specified ] hue"
|
|
82
|
+
},
|
|
83
|
+
"<color-interpolation-method>": {
|
|
84
|
+
"value": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]"
|
|
104
85
|
}
|
|
105
86
|
}
|
|
106
87
|
}
|
package/css-images-4.json
CHANGED
|
@@ -67,8 +67,17 @@
|
|
|
67
67
|
"<gradient>": {
|
|
68
68
|
"value": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]"
|
|
69
69
|
},
|
|
70
|
+
"<linear-gradient()>": {
|
|
71
|
+
"value": "linear-gradient( [ <angle> | to <side-or-corner> ]? || <color-interpolation-method>, <color-stop-list> )"
|
|
72
|
+
},
|
|
73
|
+
"<side-or-corner>": {
|
|
74
|
+
"value": "[left | right] || [top | bottom]"
|
|
75
|
+
},
|
|
76
|
+
"<radial-gradient()>": {
|
|
77
|
+
"value": "radial-gradient( [[ <ending-shape> || <size> ]? [ at <position> ]? ] || <color-interpolation-method>, <color-stop-list> )"
|
|
78
|
+
},
|
|
70
79
|
"<conic-gradient()>": {
|
|
71
|
-
"value": "conic-gradient( [ from <angle> ]? [ at <position> ]
|
|
80
|
+
"value": "conic-gradient( [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method>, <angular-color-stop-list> )"
|
|
72
81
|
},
|
|
73
82
|
"<color-stop-list>": {
|
|
74
83
|
"value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#"
|
package/fill-stroke.json
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"name": "fill-color",
|
|
41
41
|
"value": "<color>",
|
|
42
42
|
"initial": "currentcolor",
|
|
43
|
-
"appliesTo": "
|
|
43
|
+
"appliesTo": "text and SVG shapes",
|
|
44
44
|
"inherited": "yes",
|
|
45
45
|
"percentages": "N/A",
|
|
46
46
|
"computedValue": "the computed color",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"name": "fill-image",
|
|
57
57
|
"value": "<paint>#",
|
|
58
58
|
"initial": "none",
|
|
59
|
-
"appliesTo": "
|
|
59
|
+
"appliesTo": "text and SVG shapes",
|
|
60
60
|
"inherited": "yes",
|
|
61
61
|
"percentages": "N/A",
|
|
62
62
|
"computedValue": "as specified, with any <image> computed",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"name": "fill-position",
|
|
89
89
|
"value": "<position>#",
|
|
90
90
|
"initial": "0% 0%",
|
|
91
|
-
"appliesTo": "
|
|
91
|
+
"appliesTo": "text and SVG shapes",
|
|
92
92
|
"inherited": "yes",
|
|
93
93
|
"percentages": "n/a",
|
|
94
94
|
"computedValue": "A list, each item consisting of: a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"name": "fill-size",
|
|
105
105
|
"value": "<bg-size>#",
|
|
106
106
|
"initial": "auto",
|
|
107
|
-
"appliesTo": "
|
|
107
|
+
"appliesTo": "text and SVG shapes",
|
|
108
108
|
"inherited": "yes",
|
|
109
109
|
"percentages": "n/a",
|
|
110
110
|
"computedValue": "as specified, but with lengths made absolute and omitted auto keywords filled in",
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
"name": "fill-repeat",
|
|
121
121
|
"value": "<repeat-style>#",
|
|
122
122
|
"initial": "repeat",
|
|
123
|
-
"appliesTo": "
|
|
123
|
+
"appliesTo": "text and SVG shapes",
|
|
124
124
|
"inherited": "yes",
|
|
125
125
|
"percentages": "n/a",
|
|
126
126
|
"computedValue": "A list, each item consisting of: two keywords, one per dimension",
|
|
@@ -151,7 +151,7 @@
|
|
|
151
151
|
"name": "fill-opacity",
|
|
152
152
|
"value": "<'opacity'>",
|
|
153
153
|
"initial": "1",
|
|
154
|
-
"appliesTo": "
|
|
154
|
+
"appliesTo": "text and SVG shapes",
|
|
155
155
|
"inherited": "yes",
|
|
156
156
|
"percentages": "N/A",
|
|
157
157
|
"computedValue": "the specified value converted to a <number>, clamped to the range [0,1]",
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
"name": "stroke-width",
|
|
168
168
|
"value": "<length-percentage>#",
|
|
169
169
|
"initial": "1px",
|
|
170
|
-
"appliesTo": "
|
|
170
|
+
"appliesTo": "text and SVG shapes",
|
|
171
171
|
"inherited": "yes",
|
|
172
172
|
"percentages": "relative to the scaled viewport size",
|
|
173
173
|
"computedValue": "the absolute length, or percentage",
|
|
@@ -183,7 +183,7 @@
|
|
|
183
183
|
"name": "stroke-align",
|
|
184
184
|
"value": "center | inset | outset",
|
|
185
185
|
"initial": "center",
|
|
186
|
-
"appliesTo": "
|
|
186
|
+
"appliesTo": "text and SVG shapes",
|
|
187
187
|
"inherited": "yes",
|
|
188
188
|
"percentages": "N/A",
|
|
189
189
|
"computedValue": "as specified",
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
"name": "stroke-linecap",
|
|
200
200
|
"value": "butt | round | square",
|
|
201
201
|
"initial": "butt",
|
|
202
|
-
"appliesTo": "
|
|
202
|
+
"appliesTo": "text and SVG shapes",
|
|
203
203
|
"inherited": "yes",
|
|
204
204
|
"percentages": "N/A",
|
|
205
205
|
"computedValue": "as specified",
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
"name": "stroke-linejoin",
|
|
216
216
|
"value": "[ crop | arcs | miter ] || [ bevel | round | fallback ]",
|
|
217
217
|
"initial": "miter",
|
|
218
|
-
"appliesTo": "
|
|
218
|
+
"appliesTo": "text and SVG shapes",
|
|
219
219
|
"inherited": "yes",
|
|
220
220
|
"percentages": "N/A",
|
|
221
221
|
"computedValue": "as specified",
|
|
@@ -231,7 +231,7 @@
|
|
|
231
231
|
"name": "stroke-miterlimit",
|
|
232
232
|
"value": "<number>",
|
|
233
233
|
"initial": "4",
|
|
234
|
-
"appliesTo": "
|
|
234
|
+
"appliesTo": "text and SVG shapes",
|
|
235
235
|
"inherited": "yes",
|
|
236
236
|
"percentages": "N/A",
|
|
237
237
|
"computedValue": "a number",
|
|
@@ -263,7 +263,7 @@
|
|
|
263
263
|
"name": "stroke-dasharray",
|
|
264
264
|
"value": "none | <length-percentage>+#",
|
|
265
265
|
"initial": "none",
|
|
266
|
-
"appliesTo": "
|
|
266
|
+
"appliesTo": "text and SVG shapes",
|
|
267
267
|
"inherited": "yes",
|
|
268
268
|
"percentages": "relative to the scaled viewport size",
|
|
269
269
|
"computedValue": "as specified",
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
"name": "stroke-dashoffset",
|
|
280
280
|
"value": "<length-percentage>",
|
|
281
281
|
"initial": "0",
|
|
282
|
-
"appliesTo": "
|
|
282
|
+
"appliesTo": "text and SVG shapes",
|
|
283
283
|
"inherited": "yes",
|
|
284
284
|
"percentages": "relative to the scaled viewport size",
|
|
285
285
|
"computedValue": "as specified",
|
|
@@ -295,7 +295,7 @@
|
|
|
295
295
|
"name": "stroke-dash-corner",
|
|
296
296
|
"value": "none | <length>",
|
|
297
297
|
"initial": "none",
|
|
298
|
-
"appliesTo": "
|
|
298
|
+
"appliesTo": "text and SVG shapes",
|
|
299
299
|
"inherited": "yes",
|
|
300
300
|
"percentages": "N/A",
|
|
301
301
|
"computedValue": "specified value, with lengths made absolute",
|
|
@@ -311,7 +311,7 @@
|
|
|
311
311
|
"name": "stroke-dash-justify",
|
|
312
312
|
"value": "none | [ stretch | compress ] || [ dashes || gaps ]",
|
|
313
313
|
"initial": "none",
|
|
314
|
-
"appliesTo": "
|
|
314
|
+
"appliesTo": "text and SVG shapes",
|
|
315
315
|
"inherited": "yes",
|
|
316
316
|
"percentages": "N/A",
|
|
317
317
|
"computedValue": "specified value, with lengths made absolute",
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
"name": "stroke-color",
|
|
328
328
|
"value": "<color>#",
|
|
329
329
|
"initial": "transparent",
|
|
330
|
-
"appliesTo": "
|
|
330
|
+
"appliesTo": "text and SVG shapes",
|
|
331
331
|
"inherited": "yes",
|
|
332
332
|
"percentages": "N/A",
|
|
333
333
|
"computedValue": "the computed color",
|
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
"name": "stroke-image",
|
|
344
344
|
"value": "<paint>#",
|
|
345
345
|
"initial": "none",
|
|
346
|
-
"appliesTo": "
|
|
346
|
+
"appliesTo": "text and SVG shapes",
|
|
347
347
|
"inherited": "yes",
|
|
348
348
|
"percentages": "N/A",
|
|
349
349
|
"computedValue": "as specified, with any <image> computed",
|
|
@@ -375,7 +375,7 @@
|
|
|
375
375
|
"name": "stroke-position",
|
|
376
376
|
"value": "<position>#",
|
|
377
377
|
"initial": "0% 0%",
|
|
378
|
-
"appliesTo": "
|
|
378
|
+
"appliesTo": "text and SVG shapes",
|
|
379
379
|
"inherited": "yes",
|
|
380
380
|
"percentages": "n/a",
|
|
381
381
|
"computedValue": "A list, each item consisting of: a pair of offsets (horizontal and vertical) from the top left origin each given as a combination of an absolute length and a percentage",
|
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
"name": "stroke-size",
|
|
392
392
|
"value": "<bg-size>#",
|
|
393
393
|
"initial": "auto",
|
|
394
|
-
"appliesTo": "
|
|
394
|
+
"appliesTo": "text and SVG shapes",
|
|
395
395
|
"inherited": "yes",
|
|
396
396
|
"percentages": "n/a",
|
|
397
397
|
"computedValue": "as specified, but with lengths made absolute and omitted auto keywords filled in",
|
|
@@ -407,7 +407,7 @@
|
|
|
407
407
|
"name": "stroke-repeat",
|
|
408
408
|
"value": "<repeat-style>#",
|
|
409
409
|
"initial": "repeat",
|
|
410
|
-
"appliesTo": "
|
|
410
|
+
"appliesTo": "text and SVG shapes",
|
|
411
411
|
"inherited": "yes",
|
|
412
412
|
"percentages": "n/a",
|
|
413
413
|
"computedValue": "A list, each item consisting of: two keywords, one per dimension",
|
|
@@ -438,7 +438,7 @@
|
|
|
438
438
|
"name": "stroke-opacity",
|
|
439
439
|
"value": "<'opacity'>",
|
|
440
440
|
"initial": "1",
|
|
441
|
-
"appliesTo": "
|
|
441
|
+
"appliesTo": "text and SVG shapes",
|
|
442
442
|
"inherited": "yes",
|
|
443
443
|
"percentages": "N/A",
|
|
444
444
|
"computedValue": "the specified value converted to a <number>, clamped to the range [0,1]",
|
package/mediaqueries-5.json
CHANGED
package/mediaqueries.json
CHANGED
|
@@ -197,10 +197,10 @@
|
|
|
197
197
|
"value": "or <media-in-parens>"
|
|
198
198
|
},
|
|
199
199
|
"<media-in-parens>": {
|
|
200
|
-
"value": "( <media-condition> ) | <media-feature> | <general-enclosed>"
|
|
200
|
+
"value": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>"
|
|
201
201
|
},
|
|
202
202
|
"<media-feature>": {
|
|
203
|
-
"value": "
|
|
203
|
+
"value": "[ <mf-plain> | <mf-boolean> | <mf-range> ]"
|
|
204
204
|
},
|
|
205
205
|
"<mf-plain>": {
|
|
206
206
|
"value": "<mf-name> : <mf-value>"
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
"value": "<mf-lt> | <mf-gt> | <mf-eq>"
|
|
231
231
|
},
|
|
232
232
|
"<general-enclosed>": {
|
|
233
|
-
"value": "[ <function-token> <any-value
|
|
233
|
+
"value": "[ <function-token> <any-value>? ) ] | ( <any-value>? )"
|
|
234
234
|
}
|
|
235
235
|
}
|
|
236
236
|
}
|