@webref/css 5.4.2 → 5.4.4

package/css-backgrounds-4.json

@@ -306,9 +306,6 @@
   },
   "atrules": {},
   "valuespaces": {
-    "<position>": {
-      "value": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
-    },
     "<bg-clip>": {
       "value": "<box> | border | text"
     }

package/css-cascade.json

@@ -21,7 +21,7 @@
   },
   "atrules": {
     "@import": {
-      "value": "@import [ <url> | <string> ] [ layer | layer(<layer-name>) ]? <import-condition> ;",
+      "value": "@import [ <url> | <string> ] [ layer | layer(<layer-name>) ]? <import-conditions> ;",
       "descriptors": []
     },
     "@layer": {

package/css-fonts.json

@@ -516,9 +516,6 @@
     "<palette-identifier>": {
       "prose": "This value identifies an CSS-defined palette to use. Users can define a palette by using the @font-palette-values rule. If no applicable @font-palette-values rule is present, this value behaves as normal. <palette-identifier> is parsed as a <dashed-ident>."
     },
-    "<integer>": {
-      "prose": "Identifies a (zero-based) numerical palette index within the font."
-    },
     "<font-weight-absolute>": {
       "value": "[normal | bold | <number [1,1000]>]"
     },

package/css-images.json

@@ -67,9 +67,13 @@
   },
   "atrules": {},
   "valuespaces": {
-    "<size>": {
-      "prose": "Both circle and ellipse gradients accept the following keywords as their <size>:",
-      "value": "<extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
+    "<linear-gradient()>": {
+      "prose": "The linear-gradient() notation specifies a linear gradient in CSS. Its syntax is as follows:",
+      "value": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+    },
+    "<radial-gradient()>": {
+      "prose": "The radial-gradient() notation specifies a radial gradient by indicating the center of the gradient (where the 0% ellipse will be) and the size and shape of the ending shape (the 100% ellipse). Color stops are given as a list, just as for linear-gradient(). Starting from the gradient center and progressing towards (and potentially beyond) the ending shape, uniformly-scaled concentric ellipses are drawn and colored according to the specified color stops.",
+      "value": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
     },
     "<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."
@@ -83,14 +87,11 @@
     "<gradient>": {
       "value": "<linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()>"
     },
-    "<linear-gradient()>": {
-      "value": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
-    },
     "<side-or-corner>": {
       "value": "[left | right] || [top | bottom]"
     },
-    "<radial-gradient()>": {
-      "value": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )"
+    "<size>": {
+      "value": "<extent-keyword> | <length [0,∞]> | <length-percentage [0,∞]>{2}"
     },
     "<extent-keyword>": {
       "value": "closest-corner | closest-side | farthest-corner | farthest-side"

package/css-inline.json

@@ -71,8 +71,9 @@
       "appliesTo": "inline-level boxes and SVG text content elements",
       "inherited": "no",
       "percentages": "refer to the used value of line-height",
-      "computedValue": "the specified keyword and/or a computed <length-percentage> value",
+      "computedValue": "the specified keyword or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "baseline-shift",
         "baselineShift"
@@ -87,6 +88,7 @@
       "percentages": "computed relative to 1em",
       "computedValue": "the specified keyword, a number, or a computed <length> value",
       "canonicalOrder": "per grammar",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "line-height",
         "lineHeight"
@@ -101,6 +103,7 @@
       "percentages": "N/A",
       "computedValue": "the specified keyword",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "text-edge",
         "textEdge"
@@ -115,6 +118,7 @@
       "percentages": "N/A",
       "computedValue": "the specified keyword",
       "canonicalOrder": "per grammar",
+      "animationType": "discrete",
       "styleDeclaration": [
         "leading-trim",
         "leadingTrim"
@@ -125,7 +129,7 @@
       "value": "normal | stretch",
       "initial": "normal",
       "appliesTo": "inline boxes, but not ruby container boxes nor internal ruby boxes",
-      "inherited": "no",
+      "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",

package/css-overflow-4.json

@@ -42,7 +42,6 @@
       "percentages": "N/A",
       "computedValue": "the keyword none or an integer",
       "canonicalOrder": "per grammar",
-      "animatable": "as integer",
       "animationType": "by computed value type",
       "styleDeclaration": [
         "max-lines",

package/css-values.json

@@ -24,6 +24,9 @@
     "<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": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource."
     },
@@ -33,12 +36,21 @@
     "<url-modifier>": {
       "prose": "<url>s support specifying additional <url-modifier>s, which change the meaning or the interpretation of the URL somehow. A <url-modifier> is either an <ident> or a functional notation."
     },
+    "<integer>": {
+      "prose": "Integer values are denoted by <integer>."
+    },
+    "<number>": {
+      "prose": "Number values are denoted by <number>, and represent real numbers, possibly with a fractional component."
+    },
     "<zero>": {
       "prose": "The value <zero> represents a literal number with the value 0. Expressions that merely evaluate to a <number> with the value 0 (for example, calc(0)) do not match <zero>; only literal <number-token>s do."
     },
     "<dimension>": {
       "prose": "The general term dimension refers to a number with a unit attached to it; and is denoted by <dimension>."
     },
+    "<percentage>": {
+      "prose": "Percentage values are denoted by <percentage>, and indicates a value that is some fraction of another reference value."
+    },
     "<length-percentage>": {
       "value": "[ <length> | <percentage> ]"
     },
@@ -55,6 +67,9 @@
       "prose": "Ratio values are denoted by <ratio>, and represent the ratio of two numeric values. It most often represents an aspect ratio, relating a width (first) to a height (second).",
       "value": "<number [0,∞]> [ / <number [0,∞]> ]?"
     },
+    "<length>": {
+      "prose": "Lengths refer to distance measurements and are denoted by <length> in the property definitions. A length is a dimension."
+    },
     "<angle>": {
       "prose": "Angle values are <dimension>s denoted by <angle>. The angle unit identifiers are:"
     },
@@ -67,6 +82,10 @@
     "<resolution>": {
       "prose": "Resolution units are dimensions denoted by <resolution>. The resolution unit identifiers are:"
     },
+    "<position>": {
+      "prose": "The <position> value specifies the position of a object area (e.g. background image) inside a positioning area (e.g. background positioning area). It is interpreted as specified for background-position. [CSS3-BACKGROUND]",
+      "value": "[ [ left | center | right ] || [ top | center | bottom ] | [ left | center | right | <length-percentage> ] [ top | center | bottom | <length-percentage> ]? | [ [ left | right ] <length-percentage> ] && [ [ top | bottom ] <length-percentage> ] ]"
+    },
     "<calc()>": {
       "prose": "The calc() function is a math function that allows basic arithmetic to be performed on numerical values, using addition (+), subtraction (-), multiplication (*), division (/), and parentheses.",
       "value": "calc( <calc-sum> )"
@@ -141,6 +160,9 @@
     "<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:"
     },
+    "<url>": {
+      "value": "url( <string> <url-modifier>* ) | src( <string> <url-modifier>* )"
+    },
     "<calc-sum>": {
       "value": "<calc-product> [ [ '+' | '-' ] <calc-product> ]*"
     },

package/filter-effects.json

@@ -86,9 +86,6 @@
   },
   "atrules": {},
   "valuespaces": {
-    "<url>": {
-      "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."
-    },
     "<number-optional-number>": {
       "value": "<number> <number>?"
     },

package/package.json

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

package/selectors.json

@@ -73,7 +73,10 @@
       "value": "':' <ident-token> | ':' <function-token> <any-value> ')'"
     },
     "<pseudo-element-selector>": {
-      "value": "':' <pseudo-class-selector>"
+      "value": "':' <pseudo-class-selector> | <legacy-pseudo-element-selector>"
+    },
+    "<legacy-pseudo-element-selector>": {
+      "value": "':' [before | after | first-line | first-letter]"
     }
   }
 }