@webref/css 6.24.2 → 6.25.1

package/compat.json

@@ -238,6 +238,10 @@
         "animation-fill-mode",
         "animation-play-state",
         "animation-timeline"
+      ],
+      "resetLonghands": [
+        "animation-range",
+        "animation-trigger"
       ]
     },
     {
@@ -501,6 +505,9 @@
         "mask-clip",
         "mask-composite",
         "mask-mode"
+      ],
+      "resetLonghands": [
+        "mask-border"
       ]
     },
     {

package/css-animations.json

@@ -282,6 +282,10 @@
         "animation-fill-mode",
         "animation-play-state",
         "animation-timeline"
+      ],
+      "resetLonghands": [
+        "animation-range",
+        "animation-trigger"
       ]
     }
   ],

package/css-backgrounds-4.json

@@ -597,6 +597,9 @@
         "background-origin",
         "background-clip",
         "background-color"
+      ],
+      "resetLonghands": [
+        "background-blend-mode"
       ]
     }
   ],

package/css-backgrounds.json

@@ -362,6 +362,9 @@
         "background-origin",
         "background-clip",
         "background-color"
+      ],
+      "resetLonghands": [
+        "background-blend-mode"
       ]
     }
   ],

package/css-borders.json

@@ -926,6 +926,9 @@
         "border-width",
         "border-style",
         "border-color"
+      ],
+      "resetLonghands": [
+        "border-image"
       ]
     },
     {

package/css-cascade-6.json

@@ -5,16 +5,41 @@
   },
   "properties": [],
   "atrules": [
+    {
+      "name": "@import",
+      "prose": "The @import rule allows users to import style rules from other style sheets. If an @import rule refers to a valid stylesheet, user agents must treat the contents of the stylesheet as if they were written in place of the @import rule, with two exceptions:",
+      "href": "https://drafts.csswg.org/css-cascade-6/#at-ruledef-import",
+      "descriptors": [],
+      "value": "@import [ <url> | <string> ] [[ layer | layer( <layer-name> ) ] || [ scope | scope( <scope-start> | <scope-boundaries> ) ] || <supports-import-condition>]? <media-import-condition> ;"
+    },
     {
       "name": "@scope",
       "prose": "Scoped styles are described in CSS using the @scope block at-rule, which declares a scoping root and optional scoping limits associated with a set of style rules.",
       "href": "https://drafts.csswg.org/css-cascade-6/#at-ruledef-scope",
       "descriptors": [],
-      "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <block-contents> }"
+      "value": "@scope <scope-boundaries> { <block-contents> }"
     }
   ],
   "selectors": [],
   "values": [
+    {
+      "name": "<supports-import-condition>",
+      "href": "https://drafts.csswg.org/css-cascade-6/#typedef-supports-import-condition",
+      "type": "type",
+      "value": "supports( [ <supports-condition> | <declaration> ] )"
+    },
+    {
+      "name": "<media-import-condition>",
+      "href": "https://drafts.csswg.org/css-cascade-6/#typedef-media-import-condition",
+      "type": "type",
+      "value": "<media-query-list>"
+    },
+    {
+      "name": "<scope-boundaries>",
+      "href": "https://drafts.csswg.org/css-cascade-6/#typedef-scope-boundaries",
+      "type": "type",
+      "value": "[ ( <scope-start> ) ]? [ to ( <scope-end> ) ]?"
+    },
     {
       "name": "<scope-start>",
       "prose": "<scope-start> is a <selector-list> selector used to identify the scoping root(s).",

package/css-color-5.json

@@ -72,7 +72,7 @@
       "prose": "Colors in CSS are represented by the <color> type:",
       "href": "https://drafts.csswg.org/css-color-5/#typedef-color",
       "type": "type",
-      "value": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark()>"
+      "value": "<color-base> | currentColor | <system-color> | <contrast-color()> | <device-cmyk()> | <light-dark-color>"
     },
     {
       "name": "<color-base>",
@@ -412,10 +412,22 @@
     },
     {
       "name": "light-dark()",
-      "value": "light-dark( <color>, <color> )",
+      "value": "<light-dark-color> | <light-dark-image>",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-light-dark",
       "type": "function"
     },
+    {
+      "name": "<light-dark-color>",
+      "href": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-color",
+      "type": "type",
+      "value": "light-dark(<color>, <color>)"
+    },
+    {
+      "name": "<light-dark-image>",
+      "href": "https://drafts.csswg.org/css-color-5/#typedef-light-dark-image",
+      "type": "type",
+      "value": "light-dark(<image> | none, <image> | none)"
+    },
     {
       "name": "contrast-color()",
       "value": "contrast-color( <color> )",

package/css-conditional-5.json

@@ -520,7 +520,7 @@
       "name": "<supports-feature>",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-supports-feature",
       "type": "type",
-      "value": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-at-rule-fn> | <supports-named-feature-fn> | <supports-decl>"
+      "value": "<supports-selector-fn> | <supports-font-tech-fn> | <supports-font-format-fn> | <supports-at-rule-fn> | <supports-named-feature-fn> | <supports-env-fn> | <supports-decl>"
     },
     {
       "name": "<supports-decl>",
@@ -678,5 +678,19 @@
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-supports-condition-name",
       "type": "type"
     }
+  ],
+  "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "<supports-env-fn>",
+      "value": "env( <ident> )"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "env()",
+      "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports-env",
+      "type": "function",
+      "for": "@supports"
+    }
   ]
 }

package/css-env.json

@@ -104,6 +104,12 @@
           "value": "preferred-text-scale"
         }
       ]
+    },
+    {
+      "name": "<env-args>",
+      "href": "https://drafts.csswg.org/css-env-1/#typedef-env-args",
+      "type": "type",
+      "value": "env( <declaration-value>, <declaration-value>? )"
     }
   ]
 }

package/css-fonts.json

@@ -335,6 +335,14 @@
         "font-size",
         "line-height",
         "font-family"
+      ],
+      "resetLonghands": [
+        "font-feature-settings",
+        "font-kerning",
+        "font-language-override",
+        "font-optical-sizing",
+        "font-size-adjust",
+        "font-variation-settings"
       ]
     },
     {

package/css-image-animation.json

@@ -7,7 +7,7 @@
     {
       "name": "image-animation",
       "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
-      "value": "normal | paused | running",
+      "value": "normal | paused | stopped | running",
       "initial": "normal",
       "appliesTo": "content images and elements with decorative images",
       "inherited": "yes",
@@ -23,16 +23,23 @@
           "type": "value",
           "value": "normal"
         },
+        {
+          "name": "stopped",
+          "prose": "Animated images are rendered as if they were static images: the user agent must not run any animation it contains. If the image contains a cover frame, that is what the user agent must use; otherwise, it must display the image as it would be in the initial state of the animation.",
+          "href": "https://drafts.csswg.org/css-image-animation-1/#valdef-image-animation-stopped",
+          "type": "value",
+          "value": "stopped"
+        },
         {
           "name": "paused",
-          "prose": "Animated images are rendered as if they were static images: the user agent must not run any animation it contains.",
+          "prose": "The user agent must not run the animation contained in the Animated images, and must continue to display the image as it was when this value started to apply, effectively pausing the animation. If the animation had not been playing prior to this value being applied, the behavior is the same as stopped.",
           "href": "https://drafts.csswg.org/css-image-animation-1/#valdef-image-animation-paused",
           "type": "value",
           "value": "paused"
         },
         {
           "name": "running",
-          "prose": "Like normal, the animation of animated images is run normally, as determined by the image format and the host language, However, animation timelines are scoped per element: among the content image and decorative images of a single element, any animated images with the same absolute URL, the same image data, and with an image-animation computed value of running must be rendered synchronized to the same timeline as a group, distinct from the timeline of images in other elements, with the timeline starting at the time of the least recent addition to the group.",
+          "prose": "Like normal, the animation of animated images is run normally, as determined by the image format and the host language. However, animation timelines are scoped per element: among the content image and decorative images of a single element, any animated images with the same absolute URL, the same image data, and with an image-animation computed value of running must be rendered synchronized to the same timeline as a group, distinct from the timeline of images in other elements. If images are added to the element while the computed value is running, the timeline starts at the time of the least recent addition to the group. If the element is created or made visible after having previously been set to display: none, with images already added and with image-animation already set to running, the timeline starts when the element is included in the layout. If this property is switched to running from another value, the beginnig of this timeline is set so that the animation continues from the state that was displayed at the timem of the switch.",
           "href": "https://drafts.csswg.org/css-image-animation-1/#valdef-image-animation-running",
           "type": "value",
           "value": "running"

package/css-masking.json

@@ -394,6 +394,9 @@
         "mask-clip",
         "mask-composite",
         "mask-mode"
+      ],
+      "resetLonghands": [
+        "mask-border"
       ]
     },
     {

package/css-overflow-5.json

@@ -39,12 +39,12 @@
     {
       "name": "scroll-marker-group",
       "href": "https://drafts.csswg.org/css-overflow-5/#propdef-scroll-marker-group",
-      "value": "none | before | after",
+      "value": "none | [ [ before | after ] || [ links | tabs ] ]",
       "initial": "none",
       "appliesTo": "scroll containers",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "specified value",
+      "computedValue": "specified keyword(s)",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
@@ -68,6 +68,20 @@
           "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-marker-group-after",
           "type": "value",
           "value": "after"
+        },
+        {
+          "name": "links",
+          "prose": "The generated ::scroll-marker-group operates in \"links\" mode, functioning like a navigation list. This is the default mode if omitted.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-marker-group-links",
+          "type": "value",
+          "value": "links"
+        },
+        {
+          "name": "tabs",
+          "prose": "The generated ::scroll-marker-group operates in \"tabs\" mode, functioning like a tablist.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-marker-group-tabs",
+          "type": "value",
+          "value": "tabs"
         }
       ],
       "styleDeclaration": [

package/mediaqueries-5.json

@@ -837,13 +837,13 @@
       "name": "<media-in-parens>",
       "href": "https://drafts.csswg.org/mediaqueries-5/#typedef-media-in-parens",
       "type": "type",
-      "value": "( <media-condition> ) | <media-feature> | <general-enclosed>"
+      "value": "( <media-condition> ) | ( <media-feature> ) | <general-enclosed>"
     },
     {
       "name": "<media-feature>",
       "href": "https://drafts.csswg.org/mediaqueries-5/#typedef-media-feature",
       "type": "type",
-      "value": "( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+      "value": "[ <mf-plain> | <mf-boolean> | <mf-range> ]"
     },
     {
       "name": "<mf-plain>",

package/package.json

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

package/scroll-animations.json

@@ -348,7 +348,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",
       "values": [
@@ -361,14 +361,14 @@
         },
         {
           "name": "all",
-          "prose": "Declares the names of all timelines defined by descendants—​whose scope is not already explicitly declared by a descendant using timeline-scope—​to be in scope for this element and its descendants.",
+          "prose": "Specifies that all timeline names defined by this element or its flat tree descendants—​whose scope is not already limited by a descendant using timeline-scope—​to be in scope only for this element’s flat tree descendants; and limits descendants to only match timeline names to elements within this subtree.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-timeline-scope-all",
           "type": "value",
           "value": "all"
         },
         {
           "name": "<dashed-ident>",
-          "prose": "Declares the name of a matching named timeline defined by a descendant—​whose scope is not already explicitly declared by a descendant using timeline-scope—​to be in scope for this element and its descendants. If no such timeline exists, or if more than one such timeline exists, instead declares an inactive timeline with the specified name.",
+          "prose": "Specifies that a matching timeline name defined by this element or its flat tree descendants—​whose scope is not already limited by a descendant using timeline-scope—​to be in scope only for this element’s flat tree descendants; and limits descendants to only match timeline names to elements within this subtree.",
           "href": "https://drafts.csswg.org/scroll-animations-1/#valdef-timeline-scope-dashed-ident",
           "type": "value",
           "value": "<dashed-ident>"