@webref/css 6.20.3 → 6.20.5

package/css-sizing-4.json

@@ -230,7 +230,7 @@
     {
       "name": "contain-intrinsic-width",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-width",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -263,7 +263,7 @@
     {
       "name": "contain-intrinsic-height",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-height",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -296,7 +296,7 @@
     {
       "name": "contain-intrinsic-block-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-block-size",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",
@@ -329,7 +329,7 @@
     {
       "name": "contain-intrinsic-inline-size",
       "href": "https://drafts.csswg.org/css-sizing-4/#propdef-contain-intrinsic-inline-size",
-      "value": "auto? [ none | <length> ]",
+      "value": "auto? [ none | <length [0,∞]> ]",
       "initial": "none",
       "appliesTo": "elements with size containment",
       "inherited": "no",

package/css-ui.json

@@ -678,7 +678,7 @@
         },
         {
           "name": "auto",
-          "prose": "Elements representing widgets should have the native appearance of that widget, if the properties that disable native appearance for widgets are not in effect. See § 7.2.1 Properties Disabling Native Appearance. The host language is responsible for defining which elements represent which widgets. Elements other than widgets must be rendered as for none.",
+          "prose": "The element’s box is laid out like a regular replaced element. Within that box, elements representing widgets should have the native appearance of that widget. The host language is responsible for defining which elements represent which widgets. Elements other than widgets must be rendered as for none.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-appearance-auto",
           "type": "value",
           "value": "auto"

package/css-values-5.json

@@ -451,7 +451,7 @@
     },
     {
       "name": "if()",
-      "prose": "The if() notation is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() notation represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() notation represents an empty token stream.",
+      "prose": "The if() function is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() function represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() function represents an empty token stream.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-if",
       "type": "function",
       "values": [
@@ -468,7 +468,13 @@
       "name": "<if()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-if",
       "type": "type",
-      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ;? )"
+      "value": "if( [ <if-branch> ; ]* <if-branch> ;? )"
+    },
+    {
+      "name": "<if-branch>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-branch",
+      "type": "type",
+      "value": "<if-condition> : <declaration-value>?"
     },
     {
       "name": "<if-condition>",
@@ -480,7 +486,19 @@
       "name": "<if-test>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-if-test",
       "type": "type",
-      "value": "supports( [ <supports-condition> | <ident> : <declaration-value> ] ) | media( <media-query> ) | style( <style-query> )"
+      "value": "supports( [ <ident> : <declaration-value> ] | <supports-condition> ) | media( <media-feature> | <media-condition> ) | style( <style-query> )"
+    },
+    {
+      "name": "<if-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-args",
+      "type": "type",
+      "value": "if( [ <if-args-branch> ; ]* <if-args-branch> ;? )"
+    },
+    {
+      "name": "<if-args-branch>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-args-branch",
+      "type": "type",
+      "value": "<declaration-value> : <declaration-value>?"
     },
     {
       "name": "toggle()",
@@ -496,7 +514,7 @@
     },
     {
       "name": "inherit()",
-      "prose": "Like the inherit keyword, the inherit() functional notation resolves to the computed value of a property on the parent. Rather than resolving to the value of the same property, however, it resolves to the tokenized computed value of the property specified as its first argument. Its second argument, if present, is used as a fallback in case the first argument resolves to the guaranteed-invalid value.",
+      "prose": "Like the inherit keyword, the inherit() functional notation resolves to the computed value of a property on the parent. Rather than resolving to the value of the same property, however, it resolves to a sequence of component values representing the computed value of the property specified as its first argument. Its second argument, if present, is used as a fallback in case the first argument resolves to the guaranteed-invalid value.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-inherit",
       "type": "function"
     },
@@ -506,6 +524,12 @@
       "type": "type",
       "value": "inherit( <custom-property-name>, <declaration-value>? )"
     },
+    {
+      "name": "<inherit-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-inherit-args",
+      "type": "type",
+      "value": "inherit( <declaration-value>, <declaration-value>? )"
+    },
     {
       "name": "attr()",
       "prose": "The attr() function substitutes the value of an attribute on an element into a property, similar to how the var() function substitutes a custom property value into a function.",
@@ -531,7 +555,13 @@
       "name": "<attr-type>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
       "type": "type",
-      "value": "type( <syntax> ) | string | <attr-unit>"
+      "value": "type( <syntax> ) | raw-string | <attr-unit>"
+    },
+    {
+      "name": "<attr-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-args",
+      "type": "type",
+      "value": "attr( <declaration-value>, <declaration-value>? )"
     },
     {
       "name": "<attr-unit>",
@@ -557,20 +587,56 @@
       "prose": "The random() function is a math function that represents a random value between a minimum and maximum value, drawn from a uniform distribution, optionally limiting the possible values to a step between those limits:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random",
       "type": "function",
-      "value": "random( <random-caching-options>? , <calc-sum>, <calc-sum>, [by <calc-sum>]? )"
+      "value": "random( <random-value-sharing>? , <calc-sum>, <calc-sum>, <calc-sum>? )"
     },
     {
-      "name": "<random-caching-options>",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-caching-options",
+      "name": "<random-value-sharing>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-value-sharing",
       "type": "type",
-      "value": "<dashed-ident> || per-element"
+      "value": "[ [ auto | <dashed-ident> ] || match-element ] | fixed <number [0,1]>",
+      "values": [
+        {
+          "name": "auto",
+          "prose": "Each random function in an element’s styles will use a distinct random base value. (But see the note below for a small wrinkle about this.) If neither auto nor <dashed-ident> are specified, it behaves as auto.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-auto",
+          "type": "value",
+          "value": "auto"
+        },
+        {
+          "name": "<dashed-ident>",
+          "prose": "Each random function in an element’s styles with the same <dashed-ident> will share the same random base value; ones with different <dashed-ident>s will use distinct random base values.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-dashed-ident",
+          "type": "value",
+          "value": "<dashed-ident>"
+        },
+        {
+          "name": "match-element",
+          "prose": "If match-element is omitted, random functions on different elements will use distinct random base values. If specified, random functions on different elements will share the same random base value if they have the same <dashed-ident> (if specified) or if they’re used in the same style in the same way (if not). (Again, see the note below for a small wrinkle about this.)",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-match-element",
+          "type": "value",
+          "value": "match-element"
+        },
+        {
+          "name": "<number>",
+          "prose": "If fixed <number> is specified, the <number> is used as the random function’s random base value, rather than allowing the UA to generate a random base value and controlling how it’s shared. While 1 is technically allowed as a valid value (because CSS grammars can only express closed ranges), the random base value is clamped to the highest representable value less than 1, so random base values remain in the half-open range `[0, 1)`.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-random-fixed",
+          "type": "value",
+          "value": "<number>"
+        }
+      ]
     },
     {
       "name": "random-item()",
       "prose": "The random-item() function resolves to a random item from among its list of items.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random-item",
       "type": "function",
-      "value": "random-item( <random-caching-options> , [ <declaration-value>? ]# )"
+      "value": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )"
+    },
+    {
+      "name": "<random-item-args>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-item-args",
+      "type": "type",
+      "value": "random-item( <declaration-value>, [ <declaration-value>? ]# )"
     },
     {
       "name": "sibling-count()",
@@ -633,7 +699,7 @@
     {
       "msg": "Missing definition",
       "name": "progress-function()",
-      "value": "progress-function( progress value from start value to end value )"
+      "value": "progress-function( progress value, start value, end value )"
     },
     {
       "msg": "Missing definition",

package/css-values.json

@@ -766,7 +766,7 @@
       "name": "<calc-product>",
       "href": "https://drafts.csswg.org/css-values-4/#typedef-calc-product",
       "type": "type",
-      "value": "<calc-value> [ [ '*' | '/' ] <calc-value> ]*"
+      "value": "<calc-value> [ [ '*' | / ] <calc-value> ]*"
     },
     {
       "name": "<calc-value>",

package/css-writing-modes.json

@@ -153,7 +153,7 @@
       "href": "https://drafts.csswg.org/css-writing-modes-4/#propdef-text-orientation",
       "value": "mixed | upright | sideways",
       "initial": "mixed",
-      "appliesTo": "all elements except table row groups, rows, column groups, and columns",
+      "appliesTo": "all elements except table row groups, rows, column groups, and columns; and text",
       "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "specified value",

package/motion.json

@@ -47,7 +47,7 @@
         },
         {
           "name": "<basic-shape>",
-          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an at <position> argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the [=/reference box=] for the <basic-shape>.",
+          "prose": "The offset path is the equivalent path of the <basic-shape> function. For all <basic-shape>s, if they accept an at <position> argument but that argument is omitted, and the element defines an offset starting position via offset-position, it uses the specified offset starting position for that argument. Otherwise it defaults as specified for each function. The <coord-box> provides the reference box for the <basic-shape>.",
           "href": "https://drafts.fxtf.org/motion-1/#valdef-offset-path-basic-shape",
           "type": "value",
           "value": "<basic-shape>"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "6.20.3",
+  "version": "6.20.5",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"

package/selectors.json

@@ -522,19 +522,19 @@
       "name": "<pseudo-class-selector>",
       "href": "https://drafts.csswg.org/selectors-4/#typedef-pseudo-class-selector",
       "type": "type",
-      "value": "':' <ident-token> | ':' <function-token> <any-value> ')'"
+      "value": ": <ident-token> | : <function-token> <any-value> )"
     },
     {
       "name": "<pseudo-element-selector>",
       "href": "https://drafts.csswg.org/selectors-4/#typedef-pseudo-element-selector",
       "type": "type",
-      "value": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
+      "value": ": <pseudo-class-selector> | <legacy-pseudo-element-selector>"
     },
     {
       "name": "<legacy-pseudo-element-selector>",
       "href": "https://drafts.csswg.org/selectors-4/#typedef-legacy-pseudo-element-selector",
       "type": "type",
-      "value": "':' [before | after | first-line | first-letter]"
+      "value": ": [before | after | first-line | first-letter]"
     },
     {
       "name": "<forgiving-selector-list>",