@webref/css 8.4.0 → 8.5.0

package/css.json

@@ -566,6 +566,7 @@
       "name": "@macro",
       "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
       "descriptors": [],
+      "syntax": "@macro <dashed-ident> { <declaration-rule-list> }",
       "extended": []
     },
     {
@@ -861,7 +862,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> } | @mixin <dashed-ident> { <declaration-rule-list> }",
+      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> }",
       "extended": []
     },
     {
@@ -1615,7 +1616,7 @@
     {
       "name": "light-dark()",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-light-dark",
-      "syntax": "light-dark( <color>, <color> )",
+      "syntax": "light-dark( [<color>, <color>] | [<image>, <image>])",
       "extended": []
     },
     {
@@ -1784,14 +1785,14 @@
       "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",
-      "syntax": "random-item( <random-value-sharing> , [ <declaration-value>? ]# )",
+      "syntax": "random-item( <random-cache-key> , [ <declaration-value>? ]# )",
       "extended": []
     },
     {
       "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:",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-random",
-      "syntax": "random( <random-value-sharing>? , <calc-sum>, <calc-sum>, <calc-sum>? )",
+      "syntax": "random( <random-cache-key>? , <calc-sum>, <calc-sum>, <calc-sum>? )",
       "extended": []
     },
     {
@@ -2360,6 +2361,10 @@
         "animation-play-state",
         "animation-timeline"
       ],
+      "resetLonghands": [
+        "animation-range",
+        "animation-trigger"
+      ],
       "syntax": "<single-animation>#",
       "extended": []
     },
@@ -2825,6 +2830,9 @@
         "mask-composite",
         "mask-mode"
       ],
+      "resetLonghands": [
+        "mask-border"
+      ],
       "syntax": "<mask-layer>#",
       "extended": []
     },
@@ -3397,6 +3405,10 @@
         "animation-play-state",
         "animation-timeline"
       ],
+      "resetLonghands": [
+        "animation-range",
+        "animation-trigger"
+      ],
       "syntax": "<single-animation>#",
       "extended": []
     },
@@ -3752,6 +3764,9 @@
         "background-clip",
         "background-color"
       ],
+      "resetLonghands": [
+        "background-blend-mode"
+      ],
       "syntax": "<bg-layer>#? , <final-bg-layer>",
       "extended": []
     },
@@ -4303,6 +4318,9 @@
         "border-style",
         "border-color"
       ],
+      "resetLonghands": [
+        "border-image"
+      ],
       "syntax": "<line-width> || <line-style> || <color>",
       "extended": []
     },
@@ -8537,6 +8555,14 @@
         "line-height",
         "font-family"
       ],
+      "resetLonghands": [
+        "font-feature-settings",
+        "font-kerning",
+        "font-language-override",
+        "font-optical-sizing",
+        "font-size-adjust",
+        "font-variation-settings"
+      ],
       "syntax": "[ [ <'font-style'> || <font-variant-css2> || <'font-weight'> || <font-width-css3> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'># ] | <system-family-name>",
       "extended": []
     },
@@ -9550,7 +9576,7 @@
         "image-animation",
         "imageAnimation"
       ],
-      "syntax": "normal | paused | running",
+      "syntax": "normal | paused | stopped | running",
       "extended": []
     },
     {
@@ -10651,6 +10677,9 @@
         "mask-composite",
         "mask-mode"
       ],
+      "resetLonghands": [
+        "mask-border"
+      ],
       "syntax": "<mask-layer>#",
       "extended": []
     },
@@ -13787,14 +13816,14 @@
       "appliesTo": "scroll containers",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "specified value",
+      "computedValue": "specified keyword(s)",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "styleDeclaration": [
         "scroll-marker-group",
         "scrollMarkerGroup"
       ],
-      "syntax": "none | before | after",
+      "syntax": "none | [ [ before | after ] || [ links | tabs ] ]",
       "extended": []
     },
     {
@@ -15576,7 +15605,7 @@
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the keyword none or a list of CSS identifiers",
+      "computedValue": "the keyword none, the keyword all, or a list of CSS identifiers",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
@@ -16209,7 +16238,7 @@
         "view-transition-scope",
         "viewTransitionScope"
       ],
-      "syntax": "none | auto",
+      "syntax": "none | all",
       "extended": []
     },
     {
@@ -18595,7 +18624,7 @@
       ],
       "name": "cursor-image",
       "href": "https://drafts.csswg.org/css-ui-4/#typedef-cursor-cursor-image",
-      "syntax": "[ <url> | <url-set> ] [<number>{2}]?",
+      "syntax": "[ <url> | <url-set> ] <number>{2}?",
       "extended": []
     },
     {
@@ -18791,6 +18820,12 @@
       "syntax": "[ full-width | proportional-width ]",
       "extended": []
     },
+    {
+      "name": "env-args",
+      "href": "https://drafts.csswg.org/css-env-1/#typedef-env-args",
+      "syntax": "env( <declaration-value>, <declaration-value>? )",
+      "extended": []
+    },
     {
       "name": "eof-token",
       "prose": "An <eof-token> is a conceptual token, not actually produced by the tokenizer, used to indicate that the token stream has been exhausted.",
@@ -20156,6 +20191,12 @@
       "syntax": "<radial-extent> | <length [0,∞]> | <length-percentage [0,∞]>{2}",
       "extended": []
     },
+    {
+      "name": "random-cache-key",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-cache-key",
+      "syntax": "auto | <random-name> | fixed <number [0,1]>",
+      "extended": []
+    },
     {
       "name": "random-item-args",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-random-item-args",
@@ -20163,9 +20204,9 @@
       "extended": []
     },
     {
-      "name": "random-value-sharing",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-value-sharing",
-      "syntax": "[ [ auto | <dashed-ident> ] || element-shared ] | fixed <number [0,1]>",
+      "name": "random-name",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-random-name",
+      "syntax": "<dashed-ident> [ element | property index? ]?",
       "extended": []
     },
     {
@@ -20294,7 +20335,7 @@
       "name": "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:",
       "href": "https://drafts.csswg.org/css-values-4/#typedef-rounding-strategy",
-      "syntax": "nearest | up | down | to-zero",
+      "syntax": "nearest | up | down | to-zero | line-width",
       "extended": []
     },
     {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "8.4.0",
+  "version": "8.5.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"
@@ -12,6 +12,6 @@
   "license": "MIT",
   "main": "index.js",
   "peerDependencies": {
-    "css-tree": "^3.1.0"
+    "css-tree": "^3.2.1"
   }
 }