@webref/css 6.18.0 → 6.18.2

package/css-conditional-5.json

@@ -18,14 +18,14 @@
       "values": [
         {
           "name": "size",
-          "prose": "Establishes a query container for container size queries on both the inline and block axis. Applies layout containment, style containment, and size containment to the principal box.",
+          "prose": "Establishes a query container for container size queries on both the inline and block axis. Applies style containment and size containment to the principal box, and establishes an independent formatting context.",
           "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-size",
           "type": "value",
           "value": "size"
         },
         {
           "name": "inline-size",
-          "prose": "Establishes a query container for container size queries on the container’s own inline axis. Applies layout containment, style containment, and inline-size containment to the principal box.",
+          "prose": "Establishes a query container for container size queries on the container’s own inline axis. Applies style containment and inline-size containment to the principal box, and establishes an independent formatting context.",
           "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-inline-size",
           "type": "value",
           "value": "inline-size"

package/css-grid-3.json

@@ -143,7 +143,7 @@
     {
       "name": "masonry-fill",
       "href": "https://drafts.csswg.org/css-grid-3/#propdef-masonry-fill",
-      "value": "normal | reverse",
+      "value": "tie-start | tie-end",
       "initial": "normal",
       "appliesTo": "masonry containers",
       "inherited": "no",
@@ -153,18 +153,18 @@
       "animationType": "discrete",
       "values": [
         {
-          "name": "normal",
-          "prose": "Ties are broken by filling the startmost track",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-normal",
+          "name": "tie-start",
+          "prose": "Ties are broken by putting the item in the start-most tied position.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-start",
           "type": "value",
-          "value": "normal"
+          "value": "tie-start"
         },
         {
-          "name": "reverse",
-          "prose": "Ties are broken by filling the endmost track.",
-          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-reverse",
+          "name": "tie-end",
+          "prose": "Ties are broken by putting the item in the end-most tied position.",
+          "href": "https://drafts.csswg.org/css-grid-3/#valdef-masonry-fill-tie-end",
           "type": "value",
-          "value": "reverse"
+          "value": "tie-end"
         }
       ],
       "styleDeclaration": [

package/css-mixins.json

@@ -17,17 +17,19 @@
           "initial": "n/a (see prose)"
         }
       ],
-      "value": "@function <function-name> [ ( <function-parameter-list> ) ]? [ using ( <function-dependency-list> ) ]? [ returns <css-type> ]? { <declaration-rule-list> }"
+      "value": "@function <function-name> <function-parameter-list>? ) [ using ( <function-dependency-list> ) ]? [ returns <css-type> ]? { <declaration-rule-list> }",
+      "values": [
+        {
+          "name": "type()",
+          "href": "https://drafts.csswg.org/css-mixins-1/#funcdef-function-type",
+          "type": "function",
+          "value": "type( <syntax> )"
+        }
+      ]
     }
   ],
   "selectors": [],
   "values": [
-    {
-      "name": "<function-name>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-name",
-      "type": "type",
-      "value": "<dashed-ident>"
-    },
     {
       "name": "<function-parameter-list>",
       "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-parameter-list",
@@ -53,10 +55,10 @@
       "value": "<syntax-component> | <type()>"
     },
     {
-      "name": "<type()>",
-      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-type",
-      "type": "type",
-      "value": "type( <syntax> )"
+      "name": "<function-name>",
+      "prose": "The <function-name> production is a <function-token>, with the additional restriction that it must start with two dashes (U+002D HYPHEN-MINUS).",
+      "href": "https://drafts.csswg.org/css-mixins-1/#typedef-function-name",
+      "type": "type"
     },
     {
       "name": "<dashed-function>",

package/css-shapes-2.json

@@ -160,26 +160,26 @@
         },
         {
           "name": "<curve-command>",
-          "value": "curve [ [ to <position> && [ with <control-point> [ / <control-point> ]? ] ] | [ by <coordinate-pair> && [ with <relative-control-point> [ / <relative-control-point> ]? ] ] ]",
+          "value": "curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-curve-command",
           "type": "type"
         },
         {
           "name": "curve",
-          "prose": "<curve-command> = curve [ [ to <position> && with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> && with <relative-control-point> [ / <relative-control-point> ]? ] ]",
+          "prose": "<curve-command> = curve [ [ to <position> with <control-point> [ / <control-point> ]? ] | [ by <coordinate-pair> with <relative-control-point> [ / <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-curve",
           "type": "value",
           "value": "curve"
         },
         {
           "name": "<smooth-command>",
-          "value": "smooth [ [ to <position> && [ with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
+          "value": "smooth [ [ to <position> [ with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-smooth-command",
           "type": "type"
         },
         {
           "name": "smooth",
-          "prose": "<smooth-command> = smooth [ [ to <position> && [with <control-point> ]? ] | [ by <coordinate-pair> && [ with <relative-control-point> ]? ] ]",
+          "prose": "<smooth-command> = smooth [ [ to <position> [with <control-point> ]? ] | [ by <coordinate-pair> [ with <relative-control-point> ]? ] ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-smooth",
           "type": "value",
           "value": "smooth"
@@ -198,13 +198,13 @@
         },
         {
           "name": "<arc-command>",
-          "value": "arc [ <command-end-point> && [ of <coordinate-pair> ] && <arc-sweep>? && <arc-size>? && [rotate <angle>]? ]",
+          "value": "arc <command-end-point> [ [ of <length-percentage>{1,2} ] && <arc-sweep>? && <arc-size>? && [rotate <angle>]? ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#typedef-shape-arc-command",
           "type": "type"
         },
         {
           "name": "arc",
-          "prose": "<arc-command> = arc [[<by-to> <coordinate-pair>] || [of <length-percentage>{1,2}] || <arc-sweep>? || <arc-size>?|| rotate <angle>? ]",
+          "prose": "<arc-command> = arc <command-end-point> [[of <length-percentage>{1,2}] && <arc-sweep>? && <arc-size>? && rotate <angle>? ]",
           "href": "https://drafts.csswg.org/css-shapes-2/#valdef-shape-arc",
           "type": "value",
           "value": "arc",

package/css-ui.json

@@ -162,7 +162,7 @@
         },
         {
           "name": "pointer",
-          "prose": "The cursor is a pointer that indicates a link. Often rendered as the backside of a hand with the index finger extended. Unless otherwise specified, UAs must apply cursor: pointer to hyperlinks for all supported document formats via the UA stylesheet, using a normal (i.e. not !important) declaration. Authors should use pointer on links and may use on other interactive elements.",
+          "prose": "The cursor is a pointer that indicates a link. Often rendered as the backside of a hand with the index finger extended. Unless otherwise specified, UAs must apply cursor: pointer to hyperlinks for all supported document formats via the UA stylesheet, using a normal (i.e. not !important) declaration. Authors should use pointer on links and may use it on other interactive elements.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-cursor-pointer",
           "type": "value",
           "value": "pointer"
@@ -204,7 +204,7 @@
         },
         {
           "name": "vertical-text",
-          "prose": "Indicates vertical-text that may be selected. Often rendered as a horizontal I-beam.",
+          "prose": "Indicates vertical text that may be selected. Often rendered as a horizontal I-beam.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-cursor-vertical-text",
           "type": "value",
           "value": "vertical-text"
@@ -346,7 +346,7 @@
         },
         {
           "name": "all-scroll",
-          "prose": "Indicates that the something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle.",
+          "prose": "Indicates that something can be scrolled in any direction. Often rendered as arrows pointing up, down, left, and right with a dot in the middle.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-cursor-all-scroll",
           "type": "value",
           "value": "all-scroll"
@@ -569,7 +569,7 @@
         },
         {
           "name": "none",
-          "prose": "The UA must not allow selections to be started in this element. A selection started outside of this element must not end in this element. If the user attempts to create such a selection, the UA must instead end the selection range at the element boundary. However, if this element has descendants on which the used value of user-select is not none, selections that start and end within these descendants are allowed. The UA must allow selections to extend across this element, and must exclude this element from such a selection. An exception is made for UAs which do not support multiple ranges per selection, and they may include this element. If the element has descendants on which the used value of user-select is not none, these descendants must be included in a selection extending across the element. This specification makes no normative requirement about the behavior of the clipboard. however, UAs are encouraged to keep the visual selection consistent with what would get copied to the clipboard when copying. Copying text that does not appear to be selected, or vice versa, is highly confusing to users. Attempting to start a selection in an element where user-select is none, such as by clicking in it or starting a drag in it, must not cause a pre-existing selection to become unselected or to be affected in any way. As user-select is a UI convenience mechanism, not a copy protection mechanism, the UA may provide an alternative way for the user to explicitly select the text even when user-select is none.",
+          "prose": "The UA must not allow selections to be started in this element. A selection started outside of this element must not end in this element. If the user attempts to create such a selection, the UA must instead end the selection range at the element boundary. However, if this element has descendants on which the used value of user-select is not none, selections that start and end within these descendants are allowed. The UA must allow selections to extend across this element, and must exclude this element from such a selection. An exception is made for UAs which do not support multiple ranges per selection, and they may include this element. If the element has descendants on which the used value of user-select is not none, these descendants must be included in a selection extending across the element. This specification makes no normative requirement about the behavior of the clipboard. However, UAs are encouraged to keep the visual selection consistent with what would get copied to the clipboard when copying. Copying text that does not appear to be selected, or vice versa, is highly confusing to users. Attempting to start a selection in an element where user-select is none, such as by clicking in it or starting a drag in it, must not cause a pre-existing selection to become unselected or to be affected in any way. As user-select is a UI convenience mechanism, not a copy protection mechanism, the UA may provide an alternative way for the user to explicitly select the text even when user-select is none.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-user-select-none",
           "type": "value",
           "value": "none"
@@ -756,7 +756,7 @@
       "values": [
         {
           "name": "fixed",
-          "prose": "For element with default preferred size, the UA must apply set the intrinsic size to the default preferred size defined by the host language for that element. Otherwise UA must behave the same as content.",
+          "prose": "For element with default preferred size, the UA must set the intrinsic size to the default preferred size defined by the host language for that element. Otherwise, the UA must behave the same as content.",
           "href": "https://drafts.csswg.org/css-ui-4/#valdef-field-sizing-fixed",
           "type": "value",
           "value": "fixed"

package/css-values-5.json

@@ -369,7 +369,7 @@
       "prose": "The <progress> value type represents the mix progress value in a mix notation, and ultimately resolves to a percentage. It can, however, draw that percentage value from sources such as media queries and animation timelines, and can also convert it through an easing function before using it for interpolation.",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-progress",
       "type": "type",
-      "value": "[ <percentage> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
+      "value": "[ <percentage-token> | <number> | <'animation-timeline'> ] && [ by <easing-function> ]?",
       "values": [
         {
           "name": "<percentage-token>",
@@ -511,7 +511,15 @@
       "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.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-attr",
       "type": "function",
-      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)"
+      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)",
+      "values": [
+        {
+          "name": "type()",
+          "value": "type( <syntax> )",
+          "href": "https://drafts.csswg.org/css-values-5/#funcdef-attr-type",
+          "type": "function"
+        }
+      ]
     },
     {
       "name": "<attr-name>",
@@ -531,6 +539,19 @@
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-unit",
       "type": "type"
     },
+    {
+      "name": "ident()",
+      "prose": "The ident() function is an arbitrary substitution function that can be used to manually construct <custom-ident> values from several parts.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-ident",
+      "type": "function",
+      "value": "ident( <ident-arg>+ )"
+    },
+    {
+      "name": "<ident-arg>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-ident-arg",
+      "type": "type",
+      "value": "<string> | <integer> | <ident>"
+    },
     {
       "name": "random()",
       "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:",
@@ -599,6 +620,12 @@
     }
   ],
   "warnings": [
+    {
+      "msg": "Duplicate definition",
+      "name": "ident()",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-ident%E2%91%A0",
+      "type": "function"
+    },
     {
       "msg": "Missing definition",
       "name": "]>",

package/package.json

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