@webref/css 4.3.0 → 4.3.3

package/CSS.json

@@ -70,18 +70,6 @@
     "<uri>": {
       "prose": "URI values (Uniform Resource Identifiers, see [RFC3986], which includes URLs, URNs, etc) in this specification are denoted by <uri>. The functional notation used to designate URIs in property values is \"url()\", as in:"
     },
-    "<Counters>": {
-      "prose": "Counters are denoted by case-sensitive identifiers (see the counter-increment and counter-reset properties). To refer to the value of a counter, the notation counter(<identifier>) or 'counter(<identifier>, <'list-style-type>), with optional white space separating the tokens, is used. The default style is decimal."
-    },
-    "<counter(<identifier>)>": {
-      "prose": "Counters are denoted by case-sensitive identifiers (see the counter-increment and counter-reset properties). To refer to the value of a counter, the notation counter(<identifier>) or 'counter(<identifier>, <'list-style-type>), with optional white space separating the tokens, is used. The default style is decimal."
-    },
-    "<counters(<identifier>, <string>)>": {
-      "prose": "To refer to a sequence of nested counters of the same name, the notation is counters(<identifier>, <string>) or 'counters(<identifier>, <string>, <'list-style-type>) with optional white space separating the tokens."
-    },
-    "<Strings>": {
-      "prose": "Strings can either be written with double quotes or with single quotes. Double quotes cannot occur inside double quotes, unless escaped (e.g., as \\\" or as \\22). Analogously for single quotes (e.g., \"\\'\" or \"\\27\")."
-    },
     "<margin-width>": {
       "prose": "The properties defined in this section refer to the <margin-width> value type, which may take one of the following values:"
     },

package/css-align.json

@@ -141,7 +141,7 @@
     },
     "row-gap": {
       "name": "row-gap",
-      "value": "normal | <length-percentage>",
+      "value": "normal | <length-percentage [0,∞]>",
       "initial": "normal",
       "appliesTo": "multi-column containers, flex containers, grid containers",
       "inherited": "no",
@@ -156,7 +156,7 @@
     },
     "column-gap": {
       "name": "column-gap",
-      "value": "normal | <length-percentage>",
+      "value": "normal | <length-percentage [0,∞]>",
       "initial": "normal",
       "appliesTo": "multi-column containers, flex containers, grid containers",
       "inherited": "no",

package/css-animations.json

@@ -21,7 +21,7 @@
     },
     "animation-duration": {
       "name": "animation-duration",
-      "value": "<time>#",
+      "value": "<time [0s,∞]>#",
       "initial": "0s",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -142,7 +142,7 @@
   "descriptors": {},
   "valuespaces": {
     "<single-animation-iteration-count>": {
-      "value": "infinite | <number>"
+      "value": "infinite | <number [0,∞]>"
     },
     "<single-animation-direction>": {
       "value": "normal | reverse | alternate | alternate-reverse"
@@ -156,9 +156,6 @@
     "<single-animation>": {
       "value": "<time> || <easing-function> || <time> || <single-animation-iteration-count> || <single-animation-direction> || <single-animation-fill-mode> || <single-animation-play-state> || [ none | <keyframes-name> ]"
     },
-    "<AnimationEvent(type, animationEventInitDict)>": {
-      "prose": "AnimationEvent(type, animationEventInitDict) is an event constructor."
-    },
     "<keyframes-name>": {
       "value": "<custom-ident> | <string>"
     },
@@ -166,7 +163,7 @@
       "value": "<keyframe-selector># { <declaration-list> }"
     },
     "<keyframe-selector>": {
-      "value": "from | to | <percentage>"
+      "value": "from | to | <percentage [0,100]>"
     }
   }
 }

package/css-box.json

@@ -95,7 +95,7 @@
     },
     "padding-top": {
       "name": "padding-top",
-      "value": "<length-percentage>",
+      "value": "<length-percentage [0,∞]>",
       "initial": "0",
       "appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
       "inherited": "no",
@@ -110,7 +110,7 @@
     },
     "padding-right": {
       "name": "padding-right",
-      "value": "<length-percentage>",
+      "value": "<length-percentage [0,∞]>",
       "initial": "0",
       "appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
       "inherited": "no",
@@ -125,7 +125,7 @@
     },
     "padding-bottom": {
       "name": "padding-bottom",
-      "value": "<length-percentage>",
+      "value": "<length-percentage [0,∞]>",
       "initial": "0",
       "appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
       "inherited": "no",
@@ -140,7 +140,7 @@
     },
     "padding-left": {
       "name": "padding-left",
-      "value": "<length-percentage>",
+      "value": "<length-percentage [0,∞]>",
       "initial": "0",
       "appliesTo": "all elements except: internal table elements other than table cells, ruby base containers, and ruby annotation containers",
       "inherited": "no",

package/css-break.json

@@ -51,7 +51,7 @@
     },
     "orphans": {
       "name": "orphans",
-      "value": "<integer>",
+      "value": "<integer [0,∞]>",
       "initial": "2",
       "appliesTo": "block containers that establish an inline formatting context",
       "inherited": "yes",
@@ -65,7 +65,7 @@
     },
     "widows": {
       "name": "widows",
-      "value": "<integer>",
+      "value": "<integer [0,∞]>",
       "initial": "2",
       "appliesTo": "block containers that establish an inline formatting context",
       "inherited": "yes",

package/css-color.json

@@ -37,7 +37,7 @@
   "valuespaces": {
     "<color>": {
       "prose": "Colors in CSS are represented by the <color> type:",
-      "value": "<absolute-color-base> | currentcolor | <system-color> | <device-cmyk()>"
+      "value": "<absolute-color-base> | currentcolor | <system-color>"
     },
     "<rgba()>": {
       "prose": "Also, an rgba() legacy color syntax also exists, with an identical grammar and behavior to rgb()."
@@ -61,7 +61,13 @@
       "prose": "When CSS is being parsed in quirks mode, <quirky-color> is a type of <color> that is only valid in certain properties:"
     },
     "<absolute-color-base>": {
-      "value": "<hex-color> | <named-color> | transparent | <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+      "value": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
+    },
+    "<absolute-color-function>": {
+      "value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+    },
+    "<alpha-value>": {
+      "value": "<number> | <percentage>"
     },
     "<hue>": {
       "value": "<number> | <angle> | none"
@@ -70,9 +76,6 @@
       "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )",
       "legacyValue": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
     },
-    "<alpha-value>": {
-      "value": "<number> | <percentage>"
-    },
     "<hsl()>": {
       "value": "hsl( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )",
       "legacyValue": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"

package/css-contain-3.json

@@ -13,12 +13,12 @@
     },
     "container-type": {
       "name": "container-type",
-      "value": "none | style || [ size | inline-size ]",
-      "initial": "style",
+      "value": "normal || [ size | inline-size ]",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the keyword none or one or more of size, inline-size, style",
+      "computedValue": "the keyword normal or one or more of size, inline-size",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [

package/css-content.json

@@ -49,7 +49,7 @@
     },
     "bookmark-level": {
       "name": "bookmark-level",
-      "value": "none | <integer>",
+      "value": "none | <integer [1,∞]>",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -104,7 +104,6 @@
     "<leader()>": {
       "value": "leader( <leader-type> )"
     },
-    "<image>": {},
     "<quote>": {
       "value": "open-quote | close-quote | no-open-quote | no-close-quote"
     },

package/css-easing.json

@@ -7,10 +7,7 @@
   "descriptors": {},
   "valuespaces": {
     "<easing-function>": {
-      "value": "linear | <cubic-bezier-easing-function> | <step-easing-function>"
-    },
-    "<linear-spline()>": {
-      "value": "linear-spline(<linear-spline-stop-list>)"
+      "value": "linear | <linear-easing-function> | <cubic-bezier-easing-function> | <step-easing-function>"
     },
     "<cubic-bezier-easing-function>": {
       "value": "ease | ease-in | ease-out | ease-in-out | cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)"
@@ -19,7 +16,7 @@
       "value": "cubic-bezier(<number [0,1]>, <number>, <number [0,1]>, <number>)"
     },
     "<step-easing-function>": {
-      "value": "step-start | step-end | steps(<integer>[, <step-position>]?) <step-position>"
+      "value": "step-start | step-end | steps(<integer>[, <step-position>]?)"
     },
     "<step-position>": {
       "value": "jump-start | jump-end | jump-none | jump-both | start | end"
@@ -27,13 +24,16 @@
     "<steps()>": {
       "value": "steps(<integer>[, <step-position> ]?)"
     },
-    "<linear-spline-stop-list>": {
-      "value": "[ <linear-spline-stop> ]#"
+    "<linear-easing-function>": {
+      "value": "linear(<linear-stop-list>)"
+    },
+    "<linear-stop-list>": {
+      "value": "[ <linear-stop> ]#"
     },
-    "<linear-spline-stop>": {
-      "value": "<number> && <linear-spline-stop-length>?"
+    "<linear-stop>": {
+      "value": "<number> && <linear-stop-length>?"
     },
-    "<linear-spline-stop-length>": {
+    "<linear-stop-length>": {
       "value": "<percentage>{1,2}"
     }
   }

package/css-fonts.json

@@ -36,7 +36,7 @@
     },
     "font-stretch": {
       "name": "font-stretch",
-      "value": "normal | <percentage> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
+      "value": "normal | <percentage [0,∞]> | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded",
       "initial": "normal",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -51,7 +51,7 @@
     },
     "font-style": {
       "name": "font-style",
-      "value": "normal | italic | oblique <angle>?",
+      "value": "normal | italic | oblique <angle [-90deg,90deg]>?",
       "initial": "normal",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -66,7 +66,7 @@
     },
     "font-size": {
       "name": "font-size",
-      "value": "<absolute-size> | <relative-size> | <length-percentage> | math",
+      "value": "<absolute-size> | <relative-size> | <length-percentage [0,∞]> | math",
       "initial": "medium",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -81,7 +81,7 @@
     },
     "font-size-adjust": {
       "name": "font-size-adjust",
-      "value": "none | <number>",
+      "value": "none | <number [0,∞]>",
       "initial": "none",
       "appliesTo": "all elements and text",
       "inherited": "yes",
@@ -486,7 +486,7 @@
       {
         "name": "ascent-override",
         "for": "@font-face",
-        "value": "normal | <percentage>",
+        "value": "normal | <percentage [0,∞]>",
         "initial": "normal"
       }
     ],
@@ -494,7 +494,7 @@
       {
         "name": "descent-override",
         "for": "@font-face",
-        "value": "normal | <percentage>",
+        "value": "normal | <percentage [0,∞]>",
         "initial": "normal"
       }
     ],
@@ -502,7 +502,7 @@
       {
         "name": "line-gap-override",
         "for": "@font-face",
-        "value": "normal | <percentage>",
+        "value": "normal | <percentage [0,∞]>",
         "initial": "normal"
       }
     ],

package/css-gcpm-4.json

@@ -13,6 +13,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "copy-into",
         "copyInto"

package/css-gcpm.json

@@ -34,6 +34,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "footnote-display",
         "footnoteDisplay"
@@ -48,6 +49,7 @@
       "percentages": "N/A",
       "computedValue": "specified value",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "footnote-policy",
         "footnotePolicy"

package/css-grid.json

@@ -280,7 +280,7 @@
       "value": "repeat( [ <integer [1,∞]> | auto-fill ], <line-names>+)"
     },
     "<grid-line>": {
-      "value": "auto | <custom-ident> | [ <integer> && <custom-ident>? ] | [ span && [ <integer> || <custom-ident> ] ]"
+      "value": "auto | <custom-ident> | [ [ <integer [-∞,-1]> | <integer [1,∞]> ] && <custom-ident>? ] | [ span && [ <integer [1,∞]> || <custom-ident> ] ]"
     }
   }
 }

package/css-images-4.json

@@ -52,8 +52,8 @@
   },
   "descriptors": {},
   "valuespaces": {
-    "<type( <string> )>": {
-      "prose": "A type( <string> ) function (optional), specifying the image’s MIME type in the <string>."
+    "<type()>": {
+      "value": "type( <string> )"
     },
     "<repeating-linear-gradient()>": {
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously."
@@ -89,7 +89,7 @@
       "value": "cross-fade( <cf-image># )"
     },
     "<cf-image>": {
-      "value": "<percentage>? && [ <image> | <color> ]"
+      "value": "<percentage [0,100]>? && [ <image> | <color> ]"
     },
     "<element()>": {
       "value": "element( <id-selector> )"

package/css-images.json

@@ -68,7 +68,8 @@
   "descriptors": {},
   "valuespaces": {
     "<size>": {
-      "prose": "Both circle and ellipse gradients accept the following keywords as their <size>:"
+      "prose": "Both circle and ellipse gradients accept the following keywords as their <size>:",
+      "value": "<extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
     },
     "<repeating-linear-gradient()>": {
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously."
@@ -76,6 +77,9 @@
     "<repeating-radial-gradient()>": {
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously."
     },
+    "<image>": {
+      "value": "<url> | <gradient>"
+    },
     "<gradient>": {
       "value": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
     },
@@ -88,6 +92,9 @@
     "<radial-gradient()>": {
       "value": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
     },
+    "<extent-keyword>": {
+      "value": "closest-corner | closest-side | farthest-corner | farthest-side"
+    },
     "<color-stop-list>": {
       "value": "<linear-color-stop> , [ <linear-color-hint>? , <linear-color-stop> ]#"
     },

package/css-inline.json

@@ -137,7 +137,7 @@
     },
     "initial-letter": {
       "name": "initial-letter",
-      "value": "normal | <number> <integer> | <number> && [ drop | raise ]?",
+      "value": "normal | <number [1,∞]> <integer [1,∞]> | <number [1,∞]> && [ drop | raise ]?",
       "initial": "normal",
       "appliesTo": "certain inline-level boxes and ::first-letter and inside ::marker boxes (see prose)",
       "inherited": "no",

package/css-overflow.json

@@ -200,7 +200,7 @@
     },
     "max-lines": {
       "name": "max-lines",
-      "value": "none | <integer>",
+      "value": "none | <integer [1,∞]>",
       "initial": "none",
       "appliesTo": "block containers which are also fragmentation containers that capture region breaks",
       "inherited": "no",

package/css-page-floats.json

@@ -81,10 +81,10 @@
   "descriptors": {},
   "valuespaces": {
     "<snap-block()>": {
-      "value": "snap-block()"
+      "value": "snap-block( <length> , [ start | end | near ]? )"
     },
     "<snap-inline()>": {
-      "value": "snap-inline()"
+      "value": "snap-inline( <length> , [ left | right | near ]? )"
     }
   }
 }

package/css-rhythm.json

@@ -6,7 +6,7 @@
   "properties": {
     "block-step-size": {
       "name": "block-step-size",
-      "value": "none | <length>",
+      "value": "none | <length [0,∞]>",
       "initial": "none",
       "appliesTo": "block-level boxes",
       "inherited": "no",
@@ -85,7 +85,7 @@
     },
     "line-height-step": {
       "name": "line-height-step",
-      "value": "<length>",
+      "value": "<length [0,∞]>",
       "initial": "0px",
       "appliesTo": "block containers",
       "inherited": "yes",

package/css-scroll-snap-2.json

@@ -6,7 +6,7 @@
   "properties": {
     "scroll-start": {
       "name": "scroll-start",
-      "value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage> ]{1,2}",
+      "value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage [0,∞]> ]{1,2}",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -36,7 +36,7 @@
     },
     "scroll-start-x": {
       "name": "scroll-start-x",
-      "value": "auto | start | end | center | <length-percentage>",
+      "value": "auto | start | end | center | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -51,7 +51,7 @@
     },
     "scroll-start-y": {
       "name": "scroll-start-y",
-      "value": "auto | start | end | center | <length-percentage>",
+      "value": "auto | start | end | center | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -66,7 +66,7 @@
     },
     "scroll-start-inline": {
       "name": "scroll-start-inline",
-      "value": "auto | start | end | center | <length-percentage>",
+      "value": "auto | start | end | center | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -81,7 +81,7 @@
     },
     "scroll-start-block": {
       "name": "scroll-start-block",
-      "value": "auto | start | end | center | <length-percentage>",
+      "value": "auto | start | end | center | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",

package/css-scroll-snap.json

@@ -21,7 +21,7 @@
     },
     "scroll-padding": {
       "name": "scroll-padding",
-      "value": "[ auto | <length-percentage> ]{1,4}",
+      "value": "[ auto | <length-percentage [0,∞]> ]{1,4}",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -81,7 +81,7 @@
     },
     "scroll-padding-top": {
       "name": "scroll-padding-top",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -96,7 +96,7 @@
     },
     "scroll-padding-right": {
       "name": "scroll-padding-right",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -111,7 +111,7 @@
     },
     "scroll-padding-bottom": {
       "name": "scroll-padding-bottom",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -126,7 +126,7 @@
     },
     "scroll-padding-left": {
       "name": "scroll-padding-left",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -141,7 +141,7 @@
     },
     "scroll-padding-inline-start": {
       "name": "scroll-padding-inline-start",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -156,7 +156,7 @@
     },
     "scroll-padding-block-start": {
       "name": "scroll-padding-block-start",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -171,7 +171,7 @@
     },
     "scroll-padding-inline-end": {
       "name": "scroll-padding-inline-end",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -186,7 +186,7 @@
     },
     "scroll-padding-block-end": {
       "name": "scroll-padding-block-end",
-      "value": "auto | <length-percentage>",
+      "value": "auto | <length-percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -201,7 +201,7 @@
     },
     "scroll-padding-block": {
       "name": "scroll-padding-block",
-      "value": "[ auto | <length-percentage> ]{1,2}",
+      "value": "[ auto | <length-percentage [0,∞]> ]{1,2}",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",
@@ -216,7 +216,7 @@
     },
     "scroll-padding-inline": {
       "name": "scroll-padding-inline",
-      "value": "[ auto | <length-percentage> ]{1,2}",
+      "value": "[ auto | <length-percentage [0,∞]> ]{1,2}",
       "initial": "auto",
       "appliesTo": "scroll containers",
       "inherited": "no",

package/css-shapes.json

@@ -77,7 +77,7 @@
       "value": "path( [<'fill-rule'>,]? <string> )"
     },
     "<shape-radius>": {
-      "value": "<length-percentage> | closest-side | farthest-side"
+      "value": "<length-percentage [0,∞]> | closest-side | farthest-side"
     },
     "<basic-shape-rect>": {
       "value": "<inset()> | <rect()> | <xywh()>"

package/css-size-adjust.json

@@ -6,7 +6,7 @@
   "properties": {
     "text-size-adjust": {
       "name": "text-size-adjust",
-      "value": "auto | none | <percentage>",
+      "value": "auto | none | <percentage [0,∞]>",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "yes",

package/css-sizing.json

@@ -6,7 +6,7 @@
   "properties": {
     "width": {
       "name": "width",
-      "value": "auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "auto",
       "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
@@ -20,7 +20,7 @@
     },
     "height": {
       "name": "height",
-      "value": "auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "auto",
       "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
@@ -34,7 +34,7 @@
     },
     "min-width": {
       "name": "min-width",
-      "value": "auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "auto",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -49,7 +49,7 @@
     },
     "min-height": {
       "name": "min-height",
-      "value": "auto | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "auto",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -64,7 +64,7 @@
     },
     "max-width": {
       "name": "max-width",
-      "value": "none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "none",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",
@@ -79,7 +79,7 @@
     },
     "max-height": {
       "name": "max-height",
-      "value": "none | <length-percentage> | min-content | max-content | fit-content(<length-percentage>)",
+      "value": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>)",
       "initial": "none",
       "appliesTo": "all elements that accept width or height",
       "inherited": "no",

package/css-transitions.json

@@ -21,7 +21,7 @@
     },
     "transition-duration": {
       "name": "transition-duration",
-      "value": "<time>#",
+      "value": "<time [0s,∞]>#",
       "initial": "0s",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-values.json

@@ -24,9 +24,6 @@
     "<dashed-ident>": {
       "prose": "The <dashed-ident> production is a <custom-ident>, with all the case-sensitivity that implies, with the additional restriction that it must start with two dashes (U+002D HYPHEN-MINUS)."
     },
-    "<string>": {
-      "prose": "Strings are denoted by <string>. When written literally, they consist of a sequence of characters delimited by double quotes or single quotes, corresponding to the <string-token> production in the CSS Syntax Module [CSS-SYNTAX-3]."
-    },
     "<url()>": {
       "prose": "Typically, a <url> is written with the url() or src() functional notations:"
     },
@@ -86,67 +83,13 @@
       "prose": "The clamp() function takes three calculations—a minimum value, a central value, and a maximum value—and represents its central calculation, clamped according to its min and max calculations, favoring the min calculation if it conflicts with the max. (That is, given clamp(MIN, VAL, MAX), it represents exactly the same value as max(MIN, min(VAL, MAX))).",
       "value": "clamp( <calc-sum>#{3} )"
     },
-    "<round(<rounding-strategy>?, A, B)>": {
-      "prose": "The round(<rounding-strategy>?, A, B) function contains an optional rounding strategy, and two calculations A and B, and returns the value of A, rounded according to the rounding strategy, to the nearest integer multiple of B either above or below A. The argument calculations can resolve to any <number>, <dimension>, or <percentage>, but must have the same type, or else the function is invalid; the result will have the same type as the arguments."
+    "<round()>": {
+      "value": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"
     },
     "<rounding-strategy>": {
       "prose": "If A is exactly equal to an integer multiple of B, round() resolves to A exactly (preserving whether A is 0⁻ or 0⁺, if relevant). Otherwise, there are two integer multiples of B that are potentially \"closest\" to A, lower B which is closer to −∞ and upper B which is closer to +∞. The following <rounding-strategy>s dictate how to choose between them:",
       "value": "nearest | up | down | to-zero"
     },
-    "<mod(A, B)>": {
-      "prose": "The modulus functions mod(A, B) and rem(A, B) similarly contain two calculations A and B, and return the difference between A and the nearest integer multiple of B either above or below A. The argument calculations can resolve to any <number>, <dimension>, or <percentage>, but must have the same type, or else the function is invalid; the result will have the same type as the arguments."
-    },
-    "<rem(A, B)>": {
-      "prose": "The modulus functions mod(A, B) and rem(A, B) similarly contain two calculations A and B, and return the difference between A and the nearest integer multiple of B either above or below A. The argument calculations can resolve to any <number>, <dimension>, or <percentage>, but must have the same type, or else the function is invalid; the result will have the same type as the arguments."
-    },
-    "<sin(A)>": {
-      "prose": "The sin(A), cos(A), and tan(A) functions all contain a single calculation which must resolve to either a <number> or an <angle>, and compute their corresponding function by interpreting the result of their argument as radians. (That is, sin(45deg), sin(.125turn), and sin(3.14159 / 4) all represent the same value, approximately .707.) They all represent a <number>; sin() and cos() will always return a number between −1 and 1, while tan() can return any number between −∞ and +∞. (See § 10.9 Type Checking for details on how math functions handle ∞.)"
-    },
-    "<cos(A)>": {
-      "prose": "The sin(A), cos(A), and tan(A) functions all contain a single calculation which must resolve to either a <number> or an <angle>, and compute their corresponding function by interpreting the result of their argument as radians. (That is, sin(45deg), sin(.125turn), and sin(3.14159 / 4) all represent the same value, approximately .707.) They all represent a <number>; sin() and cos() will always return a number between −1 and 1, while tan() can return any number between −∞ and +∞. (See § 10.9 Type Checking for details on how math functions handle ∞.)"
-    },
-    "<tan(A)>": {
-      "prose": "The sin(A), cos(A), and tan(A) functions all contain a single calculation which must resolve to either a <number> or an <angle>, and compute their corresponding function by interpreting the result of their argument as radians. (That is, sin(45deg), sin(.125turn), and sin(3.14159 / 4) all represent the same value, approximately .707.) They all represent a <number>; sin() and cos() will always return a number between −1 and 1, while tan() can return any number between −∞ and +∞. (See § 10.9 Type Checking for details on how math functions handle ∞.)"
-    },
-    "<asin(A)>": {
-      "prose": "The asin(A), acos(A), and atan(A) functions are the \"arc\" or \"inverse\" trigonometric functions, representing the inverse function to their corresponding \"normal\" trig functions. All of them contain a single calculation which must resolve to a <number>, and compute their corresponding function, interpreting their result as a number of radians, representing an <angle>. The angle returned by asin() must be normalized to the range [-90deg, 90deg]; the angle returned by acos() to the range [0deg, 180deg]; and the angle returned by atan() to the range [-90deg, 90deg]."
-    },
-    "<acos(A)>": {
-      "prose": "The asin(A), acos(A), and atan(A) functions are the \"arc\" or \"inverse\" trigonometric functions, representing the inverse function to their corresponding \"normal\" trig functions. All of them contain a single calculation which must resolve to a <number>, and compute their corresponding function, interpreting their result as a number of radians, representing an <angle>. The angle returned by asin() must be normalized to the range [-90deg, 90deg]; the angle returned by acos() to the range [0deg, 180deg]; and the angle returned by atan() to the range [-90deg, 90deg]."
-    },
-    "<atan(A)>": {
-      "prose": "The asin(A), acos(A), and atan(A) functions are the \"arc\" or \"inverse\" trigonometric functions, representing the inverse function to their corresponding \"normal\" trig functions. All of them contain a single calculation which must resolve to a <number>, and compute their corresponding function, interpreting their result as a number of radians, representing an <angle>. The angle returned by asin() must be normalized to the range [-90deg, 90deg]; the angle returned by acos() to the range [0deg, 180deg]; and the angle returned by atan() to the range [-90deg, 90deg]."
-    },
-    "<atan2(A, B)>": {
-      "prose": "The atan2(A, B) function contains two comma-separated calculations, A and B. A and B can resolve to any <number>, <dimension>, or <percentage>, but must have the same type, or else the function is invalid. The function returns the <angle> between the positive X-axis and the point (B,A). The returned angle must be normalized to the interval (-180deg, 180deg] (that is, greater than -180deg, and less than or equal to 180deg)."
-    },
-    "<pow(A, B)>": {
-      "prose": "The pow(A, B) function contains two comma-separated calculations A and B, both of which must resolve to <number>s, and returns the result of raising A to the power of B, returning the value as a <number>."
-    },
-    "<sqrt(A)>": {
-      "prose": "The sqrt(A) function contains a single calculation which must resolve to a <number>, and returns the square root of the value as a <number>. (sqrt(X) and pow(X, .5) are basically equivalent, differing only in some error-handling; sqrt() is a common enough function that it is provided as a convenience.)"
-    },
-    "<hypot(A, …)>": {
-      "prose": "The hypot(A, …) function contains one or more comma-separated calculations, and returns the length of an N-dimensional vector with components equal to each of the calculations. (That is, the square root of the sum of the squares of its arguments.) The argument calculations can resolve to any <number>, <dimension>, or <percentage>, but must have the same type, or else the function is invalid; the result will have the same type as the arguments."
-    },
-    "<log(A, B?)>": {
-      "prose": "The log(A, B?) function contains one or two calculations (representing the value to be logarithmed, and the base of the logarithm, defaulting to e), which must resolve to <number>s, and returns the logarithm base B of the value A, as a <number>."
-    },
-    "<exp(A)>": {
-      "prose": "The exp(A) function contains one calculation which must resolve to a <number>, and returns the same value as pow(e, A) as a <number>."
-    },
-    "<abs(A)>": {
-      "prose": "The abs(A) function contains one calculation A, and returns the absolute value of A, as the same type as the input: if A’s numeric value is positive or 0⁺, just A again; otherwise -1 * A."
-    },
-    "<sign(A)>": {
-      "prose": "The sign(A) function contains one calculation A, and returns -1 if A’s numeric value is negative, +1 if A’s numeric value is positive, 0⁺ if A’s numeric value is 0⁺, and 0⁻ if A’s numeric value is 0⁻."
-    },
-    "<quirky-length>": {
-      "prose": "When CSS is being parsed in quirks mode, <quirky-length> is a type of <length> that is only valid in certain properties:"
-    },
-    "<round()>": {
-      "value": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )"
-    },
     "<mod()>": {
       "value": "mod( <calc-sum>, <calc-sum> )"
     },
@@ -195,6 +138,9 @@
     "<sign()>": {
       "value": "sign( <calc-sum> )"
     },
+    "<quirky-length>": {
+      "prose": "When CSS is being parsed in quirks mode, <quirky-length> is a type of <length> that is only valid in certain properties:"
+    },
     "<calc-sum>": {
       "value": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
     },

package/css-variables.json

@@ -1,7 +1,7 @@
 {
   "spec": {
-    "title": "CSS Custom Properties for Cascading Variables Module Level 1",
-    "url": "https://drafts.csswg.org/css-variables/"
+    "title": "CSS Custom Properties for Cascading Variables Module Level 2",
+    "url": "https://drafts.csswg.org/css-variables-2/"
   },
   "properties": {},
   "descriptors": {},

package/css-writing-modes.json

@@ -80,7 +80,7 @@
     },
     "text-combine-upright": {
       "name": "text-combine-upright",
-      "value": "none | all | [ digits <integer>? ]",
+      "value": "none | all | [ digits <integer [2,4]>? ]",
       "initial": "none",
       "appliesTo": "inline boxes and text",
       "inherited": "yes",

package/mediaqueries-5.json

@@ -364,7 +364,7 @@
       "value": "<mf-lt> | <mf-gt> | <mf-eq>"
     },
     "<general-enclosed>": {
-      "value": "[ <function-token> <any-value> ) ] | ( <ident> <any-value> )"
+      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
     }
   }
 }

package/mediaqueries.json

@@ -179,7 +179,8 @@
       "prose": "To parse a <media-query-list> production, parse a comma-separated list of component values, then parse each entry in the returned list as a <media-query>. Its value is the list of <media-query>s so produced."
     },
     "<mq-boolean>": {
-      "prose": "The <mq-boolean> value type is an <integer> with the value 0 or 1. Any other integer value is invalid. Note that -0 is always equivalent to 0 in CSS, and so is also accepted as a valid <mq-boolean> value."
+      "prose": "The <mq-boolean> value type is an <integer> with the value 0 or 1. Any other integer value is invalid. Note that -0 is always equivalent to 0 in CSS, and so is also accepted as a valid <mq-boolean> value.",
+      "value": "<integer [0,1]>"
     },
     "<media-query>": {
       "value": "<media-condition> | [ not | only ]? <media-type> [ and <media-condition-without-or> ]?"
@@ -236,7 +237,7 @@
       "value": "<mf-lt> | <mf-gt> | <mf-eq>"
     },
     "<general-enclosed>": {
-      "value": "[ <function-token> <any-value>? ) ] | ( <any-value>? )"
+      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
     }
   }
 }

package/package.json

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