@webref/css 4.3.4 → 5.0.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.json +1 -1
- package/README.md +2 -2
- package/SVG.json +1 -1
- package/compat.json +17 -17
- package/compositing.json +1 -1
- package/css-align.json +1 -1
- package/css-animations-2.json +1 -1
- package/css-animations.json +6 -1
- package/css-backgrounds-4.json +1 -1
- package/css-backgrounds.json +1 -1
- package/css-box.json +1 -1
- package/css-break.json +1 -1
- package/css-cascade-6.json +6 -1
- package/css-cascade.json +12 -3
- package/css-color-5.json +24 -25
- package/css-color-adjust.json +1 -1
- package/css-color.json +2 -2
- package/css-conditional-4.json +1 -1
- package/css-conditional-5.json +10 -1
- package/css-conditional.json +10 -1
- package/css-contain-3.json +42 -49
- package/css-contain.json +1 -1
- package/css-content.json +1 -1
- package/css-counter-styles.json +66 -81
- package/css-device-adapt.json +93 -111
- package/css-display.json +1 -1
- package/css-easing.json +1 -1
- package/css-env.json +1 -1
- package/css-exclusions.json +1 -1
- package/css-extensions.json +6 -1
- package/css-flexbox.json +1 -1
- package/css-fonts-5.json +59 -73
- package/css-fonts.json +124 -141
- package/css-gcpm-4.json +1 -1
- package/css-gcpm.json +1 -1
- package/css-grid-3.json +1 -1
- package/css-grid.json +1 -1
- package/css-highlight-api.json +1 -1
- package/css-images-4.json +1 -1
- package/css-images.json +1 -1
- package/css-inline.json +1 -1
- package/css-line-grid.json +1 -1
- package/css-lists.json +1 -1
- package/css-logical.json +1 -1
- package/css-masking.json +1 -1
- package/css-multicol-2.json +1 -1
- package/css-multicol.json +1 -1
- package/css-namespaces.json +6 -1
- package/css-nav.json +1 -1
- package/css-nesting.json +14 -0
- package/css-overflow-4.json +2 -2
- package/css-overflow.json +1 -1
- package/css-overscroll.json +1 -1
- package/css-page-floats.json +1 -1
- package/css-page.json +98 -37
- package/css-paint-api.json +1 -1
- package/css-position.json +1 -1
- package/css-properties-values-api.json +24 -25
- package/css-regions.json +1 -1
- package/css-rhythm.json +1 -1
- package/css-round-display.json +23 -19
- package/css-ruby.json +1 -1
- package/css-scroll-anchoring.json +1 -1
- package/css-scroll-snap-2.json +1 -1
- package/css-scroll-snap.json +1 -1
- package/css-scrollbars.json +1 -1
- package/css-shadow-parts.json +1 -1
- package/css-shapes-2.json +1 -1
- package/css-shapes.json +1 -1
- package/css-size-adjust.json +1 -1
- package/css-sizing-4.json +1 -1
- package/css-sizing.json +1 -1
- package/css-speech.json +2 -2
- package/css-syntax.json +1 -1
- package/css-tables.json +1 -1
- package/css-text-4.json +1 -1
- package/css-text-decor-4.json +1 -1
- package/css-text-decor.json +1 -1
- package/css-text.json +1 -1
- package/css-transforms-2.json +2 -2
- package/css-transforms.json +1 -1
- package/css-transitions.json +1 -1
- package/css-ui.json +1 -1
- package/css-values-5.json +1 -1
- package/css-values.json +1 -1
- package/css-variables.json +1 -1
- package/css-will-change.json +1 -1
- package/css-writing-modes.json +1 -1
- package/fill-stroke.json +1 -1
- package/filter-effects-2.json +1 -1
- package/filter-effects.json +2 -2
- package/html.json +1 -1
- package/mediaqueries-5.json +231 -297
- package/mediaqueries.json +131 -169
- package/motion.json +1 -1
- package/package.json +2 -2
- package/scroll-animations.json +113 -32
- package/selectors.json +1 -1
- package/svg-strokes.json +1 -1
package/css-position.json
CHANGED
|
@@ -4,31 +4,30 @@
|
|
|
4
4
|
"url": "https://drafts.css-houdini.org/css-properties-values-api-1/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
-
{
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
]
|
|
7
|
+
"atrules": {
|
|
8
|
+
"@property": {
|
|
9
|
+
"value": "@property <custom-property-name> { <declaration-list> }",
|
|
10
|
+
"descriptors": [
|
|
11
|
+
{
|
|
12
|
+
"name": "syntax",
|
|
13
|
+
"for": "@property",
|
|
14
|
+
"value": "<string>",
|
|
15
|
+
"initial": "n/a (see prose)"
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
"name": "inherits",
|
|
19
|
+
"for": "@property",
|
|
20
|
+
"value": "true | false",
|
|
21
|
+
"initial": "n/a (see prose)"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"name": "initial-value",
|
|
25
|
+
"for": "@property",
|
|
26
|
+
"value": "<declaration-value>",
|
|
27
|
+
"initial": "the guaranteed-invalid value (but see prose)"
|
|
28
|
+
}
|
|
29
|
+
]
|
|
30
|
+
}
|
|
32
31
|
},
|
|
33
32
|
"valuespaces": {}
|
|
34
33
|
}
|
package/css-regions.json
CHANGED
package/css-rhythm.json
CHANGED
package/css-round-display.json
CHANGED
|
@@ -20,25 +20,29 @@
|
|
|
20
20
|
]
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
"atrules": {
|
|
24
|
+
"@media": {
|
|
25
|
+
"descriptors": [
|
|
26
|
+
{
|
|
27
|
+
"name": "shape",
|
|
28
|
+
"for": "@media",
|
|
29
|
+
"value": "rect | round",
|
|
30
|
+
"type": "discrete"
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
},
|
|
34
|
+
"@viewport": {
|
|
35
|
+
"descriptors": [
|
|
36
|
+
{
|
|
37
|
+
"name": "viewport-fit",
|
|
38
|
+
"for": "@viewport",
|
|
39
|
+
"value": "auto | contain | cover",
|
|
40
|
+
"initial": "auto",
|
|
41
|
+
"percentages": "N/A",
|
|
42
|
+
"computedValue": "as specified"
|
|
43
|
+
}
|
|
44
|
+
]
|
|
45
|
+
}
|
|
42
46
|
},
|
|
43
47
|
"valuespaces": {}
|
|
44
48
|
}
|
package/css-ruby.json
CHANGED
package/css-scroll-snap-2.json
CHANGED
package/css-scroll-snap.json
CHANGED
package/css-scrollbars.json
CHANGED
package/css-shadow-parts.json
CHANGED
package/css-shapes-2.json
CHANGED
package/css-shapes.json
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
]
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
"
|
|
53
|
+
"atrules": {},
|
|
54
54
|
"valuespaces": {
|
|
55
55
|
"<basic-shape>": {
|
|
56
56
|
"prose": "The <basic-shape> type can be specified using basic shape functions. When using this syntax to define shapes, the reference box is defined by each property that uses <basic-shape> values. The coordinate system for the shape has its origin on the top-left corner of the reference box with the x-axis running to the right and the y-axis running downwards. All the lengths expressed in percentages are resolved from the used dimensions of the reference box."
|
package/css-size-adjust.json
CHANGED
package/css-sizing-4.json
CHANGED
package/css-sizing.json
CHANGED
package/css-speech.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"spec": {
|
|
3
|
-
"title": "
|
|
3
|
+
"title": "[No title found for https://drafts.csswg.org/css-speech-1/]",
|
|
4
4
|
"url": "https://drafts.csswg.org/css-speech-1/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {
|
|
@@ -267,7 +267,7 @@
|
|
|
267
267
|
]
|
|
268
268
|
}
|
|
269
269
|
},
|
|
270
|
-
"
|
|
270
|
+
"atrules": {},
|
|
271
271
|
"valuespaces": {
|
|
272
272
|
"<decibel>": {
|
|
273
273
|
"prose": "The <decibel> type denotes a dimension with a \"dB\" (decibel unit) unit identifier. Decibels represent the ratio of the squares of the new signal amplitude a1 and the current amplitude a0, as per the following logarithmic equation: volume(dB) = 20 × log10(a1 / a0)."
|
package/css-syntax.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-syntax/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"
|
|
7
|
+
"atrules": {},
|
|
8
8
|
"valuespaces": {
|
|
9
9
|
"<ident-token>": {
|
|
10
10
|
"prose": "The output of tokenization step is a stream of zero or more of the following tokens: <ident-token>, <function-token>, <at-keyword-token>, <hash-token>, <string-token>, <bad-string-token>, <url-token>, <bad-url-token>, <delim-token>, <number-token>, <percentage-token>, <dimension-token>, <whitespace-token>, <CDO-token>, <CDC-token>, <colon-token>, <semicolon-token>, <comma-token>, <[-token>, <]-token>, <(-token>, <)-token>, <{-token>, and <}-token>."
|
package/css-tables.json
CHANGED
package/css-text-4.json
CHANGED
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
]
|
|
485
485
|
}
|
|
486
486
|
},
|
|
487
|
-
"
|
|
487
|
+
"atrules": {},
|
|
488
488
|
"valuespaces": {
|
|
489
489
|
"<lang>": {
|
|
490
490
|
"prose": "<lang> must be a valid CSS <ident> or <string>. It represents an IETF BCP 47 language range (see [BCP47]). If the UA does not support word-boundary detection for all languages represented by the specified range, that specified value is invalid (and will cause the declaration to be ignored)."
|
package/css-text-decor-4.json
CHANGED
package/css-text-decor.json
CHANGED
package/css-text.json
CHANGED
package/css-transforms-2.json
CHANGED
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
]
|
|
108
108
|
}
|
|
109
109
|
},
|
|
110
|
-
"
|
|
110
|
+
"atrules": {},
|
|
111
111
|
"valuespaces": {
|
|
112
112
|
"<transform-function>": {
|
|
113
113
|
"prose": "The value of the transform property is a list of <transform-function>. The set of allowed transform functions is given below. Wherever <angle> is used in this specification, a <number> that is equal to zero is also allowed, which is treated the same as an angle of zero degrees. A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box. A percentage in a scale function is equivalent to a number, and serializes as a number in specified values. For example, scale3d(50%, 100%, 150%) serializes as scale3d(0.5, 1, 1.5)."
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
"value": "rotateZ( [ <angle> | <zero> ] )"
|
|
150
150
|
},
|
|
151
151
|
"<perspective()>": {
|
|
152
|
-
"value": "perspective( <length [0,∞]> | none )"
|
|
152
|
+
"value": "perspective( [ <length [0,∞]> | none ] )"
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
155
|
}
|
package/css-transforms.json
CHANGED
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
]
|
|
50
50
|
}
|
|
51
51
|
},
|
|
52
|
-
"
|
|
52
|
+
"atrules": {},
|
|
53
53
|
"valuespaces": {
|
|
54
54
|
"<transform-function>": {
|
|
55
55
|
"prose": "The value of the transform property is a list of <transform-function>. The set of allowed transform functions is given below. In the following functions, a <zero> behaves the same as 0deg (\"unitless 0\" angles are preserved for legacy compat). A percentage for horizontal translations is relative to the width of the reference box. A percentage for vertical translations is relative to the height of the reference box."
|
package/css-transitions.json
CHANGED
package/css-ui.json
CHANGED
|
@@ -286,7 +286,7 @@
|
|
|
286
286
|
]
|
|
287
287
|
}
|
|
288
288
|
},
|
|
289
|
-
"
|
|
289
|
+
"atrules": {},
|
|
290
290
|
"valuespaces": {
|
|
291
291
|
"<outline-line-style>": {
|
|
292
292
|
"prose": "<outline-line-style> accepts the same values as <line-style> (CSS Backgrounds 3 § 3.2 Line Patterns: the border-style properties) with the same meaning, except that hidden is not a legal outline style. In addition, the outline-style property accepts the value auto. The auto value permits the user agent to render a custom outline style, typically a style which is either a user interface default for the platform, or perhaps a style that is richer than can be described in detail in CSS, e.g. a rounded edge outline with semi-translucent outer pixels that appears to glow. As such, this specification does not define how the outline-color and outline-width are incorporated or used (if at all) when rendering auto style outlines. User agents may treat auto as solid."
|
package/css-values-5.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-values-5/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"
|
|
7
|
+
"atrules": {},
|
|
8
8
|
"valuespaces": {
|
|
9
9
|
"<toggle()>": {
|
|
10
10
|
"prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value."
|
package/css-values.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-values-4/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"
|
|
7
|
+
"atrules": {},
|
|
8
8
|
"valuespaces": {
|
|
9
9
|
"<mix()>": {
|
|
10
10
|
"prose": "Interpolation of two values can be represented by the mix() functional notation, whose syntax is defined as follows:"
|
package/css-variables.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"url": "https://drafts.csswg.org/css-variables-2/"
|
|
5
5
|
},
|
|
6
6
|
"properties": {},
|
|
7
|
-
"
|
|
7
|
+
"atrules": {},
|
|
8
8
|
"valuespaces": {
|
|
9
9
|
"<custom-property-name>": {
|
|
10
10
|
"prose": "A custom property is any property whose name starts with two dashes (U+002D HYPHEN-MINUS), like --foo. The <custom-property-name> production corresponds to this: it’s defined as any <dashed-ident> (a valid identifier that starts with two dashes), except -- itself, which is reserved for future use by CSS. Custom properties are solely for use by authors and users; CSS will never give them a meaning beyond what is presented here."
|
package/css-will-change.json
CHANGED
package/css-writing-modes.json
CHANGED
package/fill-stroke.json
CHANGED
package/filter-effects-2.json
CHANGED
package/filter-effects.json
CHANGED
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
]
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
|
-
"
|
|
87
|
+
"atrules": {},
|
|
88
88
|
"valuespaces": {
|
|
89
89
|
"<url>": {
|
|
90
90
|
"prose": "A filter reference to a filter element. For example url(commonfilters.svg#filter). If the filter references a non-existent object or the referenced object is not a filter element, then the whole filter chain is ignored. No filter is applied to the object."
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
"value": "contrast( <number-percentage>? )"
|
|
109
109
|
},
|
|
110
110
|
"<drop-shadow()>": {
|
|
111
|
-
"value": "drop-shadow( <color>? && <length>{2,3} )"
|
|
111
|
+
"value": "drop-shadow( [ <color>? && <length>{2,3} ] )"
|
|
112
112
|
},
|
|
113
113
|
"<grayscale()>": {
|
|
114
114
|
"value": "grayscale( <number-percentage>? )"
|