@webref/css 5.3.0 → 5.4.1

package/compat.json

@@ -13,7 +13,7 @@
       "percentages": "N/A",
       "computedValue": "an RGBA color",
       "canonicalOrder": "per grammar",
-      "animationType": "as color",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "-webkit-text-fill-color",
@@ -30,7 +30,7 @@
       "percentages": "N/A",
       "computedValue": "an RGBA color",
       "canonicalOrder": "per grammar",
-      "animationType": "as color",
+      "animationType": "by computed value type",
       "media": "visual",
       "styleDeclaration": [
         "-webkit-text-stroke-color",

package/css-anchor.json

@@ -4,11 +4,26 @@
     "url": "https://drafts.csswg.org/css-anchor-1/"
   },
   "properties": {
+    "anchor-scroll": {
+      "name": "anchor-scroll",
+      "value": "none | <dashed-ident>",
+      "initial": "none",
+      "appliesTo": "absolutely-positioned elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "anchor-scroll",
+        "anchorScroll"
+      ]
+    },
     "anchor-name": {
       "name": "anchor-name",
       "value": "none | <dashed-ident>",
       "initial": "none",
-      "appliesTo": "all elements",
+      "appliesTo": "all elements that generate a principal box",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",

package/css-cascade.json

@@ -25,7 +25,7 @@
       "descriptors": []
     },
     "@layer": {
-      "value": "@layer <layer-name>? { <stylesheet> }",
+      "value": "@layer <layer-name>? { <stylesheet> } | @layer <layer-name>#;",
       "descriptors": []
     }
   },

package/css-color.json

@@ -70,7 +70,7 @@
       "value": "<number> | <percentage>"
     },
     "<hue>": {
-      "value": "<number> | <angle> | none"
+      "value": "<number> | <angle>"
     },
     "<rgb()>": {
       "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )",
@@ -123,7 +123,7 @@
       "value": "hsl | hwb | lch | oklch"
     },
     "<hue-interpolation-method>": {
-      "value": "[ shorter | longer | increasing | decreasing | specified ] hue"
+      "value": "[ shorter | longer | increasing | decreasing ] hue"
     },
     "<color-interpolation-method>": {
       "value": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? ]"

package/css-contain.json

@@ -22,7 +22,7 @@
       "name": "content-visibility",
       "value": "visible | auto | hidden",
       "initial": "visible",
-      "appliesTo": "elements for which layout containment can apply",
+      "appliesTo": "elements for which size containment can apply",
       "inherited": "no",
       "percentages": "n/a",
       "computedValue": "as specified",

package/css-fonts.json

@@ -73,7 +73,7 @@
       "percentages": "refer to parent element’s font size",
       "computedValue": "an absolute length",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type`",
+      "animationType": "by computed value type",
       "styleDeclaration": [
         "font-size",
         "fontSize"

package/css-images-4.json

@@ -52,6 +52,10 @@
   },
   "atrules": {},
   "valuespaces": {
+    "<image-set()>": {
+      "prose": "Delivering the most appropriate image resolution for a user’s device can be a difficult task. Ideally, images should be in the same resolution as the device they’re being viewed in, which can vary between users. However, other factors can factor into the decision of which image to send; for example, if the user is on a slow mobile connection, they may prefer to receive lower-res images rather than waiting for a large proper-res image to load. The image-set() function allows an author to ignore most of these issues, simply providing multiple resolutions of an image and letting the UA decide which is most appropriate in a given situation.",
+      "value": "image-set( <image-set-option># )"
+    },
     "<type()>": {
       "value": "type( <string> )"
     },
@@ -70,9 +74,6 @@
     "<image>": {
       "value": "<url> | <image()> | <image-set()> | <cross-fade()> | <element()> | <gradient>"
     },
-    "<image-set()>": {
-      "value": "image-set( <image-set-option># )"
-    },
     "<image-set-option>": {
       "value": "[ <image> | <string> ] [ <resolution> || type(<string>) ]"
     },

package/css-shapes-2.json

@@ -63,7 +63,7 @@
       "value": "smooth <by-to> <coordinate-pair> [via <coordinate-pair>]?"
     },
     "<arc-command>": {
-      "value": "arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ]"
+      "value": "arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ] | arc <by-to> <coordinate-pair> of <length-percentage>{1,2} [ <arc-sweep> || <arc-size> || rotate <angle> ]?"
     },
     "<arc-sweep>": {
       "prose": "<arc-sweep> can be cw or ccw, indicating that the arc that is traced around the ellipse clockwise or counter-clockwise from the center, respectively, must be chosen. If omitted, this defaults to ccw.",

package/css-values.json

@@ -25,13 +25,13 @@
       "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)."
     },
     "<url()>": {
-      "prose": "Typically, a <url> is written with the url() or src() functional notations:"
+      "prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource."
     },
     "<src()>": {
-      "prose": "Typically, a <url> is written with the url() or src() functional notations:"
+      "prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource."
     },
     "<url-modifier>": {
-      "prose": "The url() function supports 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."
+      "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."
     },
     "<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."

package/{css-shared-element-transitions.json → css-view-transitions.json}

@@ -1,7 +1,7 @@
 {
   "spec": {
-    "title": "CSS Shared Element Transitions Module Level 1",
-    "url": "https://drafts.csswg.org/css-shared-element-transitions-1/"
+    "title": "CSS View Transitions Module Level 1",
+    "url": "https://drafts.csswg.org/css-view-transitions-1/"
   },
   "properties": {
     "page-transition-tag": {

package/package.json

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

package/css-nesting.json

@@ -1,14 +0,0 @@
-{
-  "spec": {
-    "title": "CSS Nesting Module",
-    "url": "https://drafts.csswg.org/css-nesting-1/"
-  },
-  "properties": {},
-  "atrules": {
-    "@nest": {
-      "value": "@nest <selector-list> { <style-block> }",
-      "descriptors": []
-    }
-  },
-  "valuespaces": {}
-}