@webref/css 8.7.2 → 8.7.4

package/css.json

@@ -570,13 +570,6 @@
       "syntax": "<location-rule>",
       "extended": []
     },
-    {
-      "name": "@macro",
-      "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
-      "descriptors": [],
-      "syntax": "@macro <dashed-ident> { <declaration-rule-list> }",
-      "extended": []
-    },
     {
       "name": "@media",
       "prose": "The @media rule is a conditional group rule whose condition is a media query. Its syntax is:",
@@ -891,7 +884,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "syntax": "@mixin [<function-token> <function-parameter>#? ) | <ident-token> ] { <declaration-rule-list> }",
+      "syntax": "@mixin [<function-token> <function-parameter>#? ) | <ident-token> ] { <block-contents> }",
       "extended": []
     },
     {
@@ -977,6 +970,13 @@
       "syntax": "@position-try <dashed-ident> { <declaration-list> }",
       "extended": []
     },
+    {
+      "name": "@private",
+      "href": "https://drafts.csswg.org/css-mixins-1/#private",
+      "descriptors": [],
+      "syntax": "@private { <declaration-rule-list> }",
+      "extended": []
+    },
     {
       "name": "@property",
       "href": "https://drafts.css-houdini.org/css-properties-values-api-1/#at-ruledef-property",
@@ -1006,13 +1006,6 @@
       "syntax": "@property <custom-property-name># { <declaration-list> }",
       "extended": []
     },
-    {
-      "name": "@result",
-      "href": "https://drafts.csswg.org/css-mixins-1/#result-rule",
-      "descriptors": [],
-      "syntax": "@result { <declaration-rule-list> }",
-      "extended": []
-    },
     {
       "name": "@right-bottom",
       "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-bottom",
@@ -1389,6 +1382,13 @@
       "syntax": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )",
       "extended": []
     },
+    {
+      "name": "cycle()",
+      "prose": "The cycle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-cycle",
+      "syntax": "cycle( <whole-value># )",
+      "extended": []
+    },
     {
       "name": "device-cmyk()",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-device-cmyk",
@@ -1479,7 +1479,7 @@
         "width"
       ],
       "name": "fit-content()",
-      "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-fit-content",
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-fit-content",
       "syntax": "fit-content(<length-percentage [0,∞]>)",
       "extended": []
     },
@@ -1539,7 +1539,7 @@
     },
     {
       "name": "ident()",
-      "prose": "The ident() function represents an <ident>, and can be used to manually construct <custom-ident> values from several parts.",
+      "prose": "The ident() function represents an arbitrary <ident>, built from one or more separate idents, strings, and integers. It is an arbitrary substitution function.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-ident",
       "syntax": "ident( <ident-arg>+ )",
       "extended": []
@@ -2193,13 +2193,6 @@
       "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
       "extended": []
     },
-    {
-      "name": "toggle()",
-      "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
-      "href": "https://drafts.csswg.org/css-values-5/#funcdef-toggle",
-      "syntax": "toggle( <whole-value># )",
-      "extended": []
-    },
     {
       "name": "transform-interpolate()",
       "prose": "The transform-interpolate() interpolation notation represents an interpolated <transform-list>, with the following syntax:",
@@ -2495,8 +2488,8 @@
         "WebkitAppearance",
         "webkitAppearance"
       ],
-      "extended": [],
-      "syntax": "none | auto | base | base-select | <compat-auto> | <compat-special> | base"
+      "syntax": "none | auto | base | base-select | <compat-auto> | <compat-special>",
+      "extended": []
     },
     {
       "name": "-webkit-backface-visibility",
@@ -3742,10 +3735,8 @@
       "styleDeclaration": [
         "appearance"
       ],
-      "syntax": "none | auto | base | base-select | <compat-auto> | <compat-special> | base",
-      "extended": [
-        "https://drafts.csswg.org/css-forms-1/"
-      ]
+      "syntax": "none | auto | base | base-select | <compat-auto> | <compat-special>",
+      "extended": []
     },
     {
       "name": "aspect-ratio",
@@ -4200,20 +4191,20 @@
     },
     {
       "name": "block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-block-size",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-block-size",
       "initial": "auto",
-      "appliesTo": "Same as height and width",
+      "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value type, recursing into fit-content()",
       "logicalPropertyGroup": "size",
       "styleDeclaration": [
         "block-size",
         "blockSize"
       ],
-      "syntax": "<'width'>",
+      "syntax": "auto | <box-size>",
       "extended": []
     },
     {
@@ -6479,7 +6470,7 @@
       "name": "column-gap",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-gap",
       "initial": "normal",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "see § 2.3 Percentages In gap Properties",
       "computedValue": "specified keyword, else a computed <length-percentage> value",
@@ -6822,9 +6813,9 @@
         "column-width",
         "columnWidth"
       ],
-      "syntax": "auto | <length [0,∞]> | min-content | max-content | fit-content(<length-percentage>)",
+      "syntax": "auto | <length [0,∞]> | <box-size>",
       "extended": [
-        "https://drafts.csswg.org/css-sizing-3/"
+        "https://drafts.csswg.org/css-sizing-4/"
       ]
     },
     {
@@ -9164,7 +9155,7 @@
       "name": "gap",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-gap",
       "initial": "see individual properties",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "refer to corresponding dimension of the content area",
       "computedValue": "see individual properties",
@@ -9546,7 +9537,7 @@
       "styleDeclaration": [
         "height"
       ],
-      "syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "auto | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -9657,7 +9648,7 @@
       "name": "image-animation",
       "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
       "initial": "normal",
-      "appliesTo": "content images and elements with decorative images",
+      "appliesTo": "declarative images",
       "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -9774,20 +9765,20 @@
     },
     {
       "name": "inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-inline-size",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-inline-size",
       "initial": "auto",
-      "appliesTo": "Same as height and width",
+      "appliesTo": "all elements except non-replaced inlines",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value type, recursing into fit-content()",
       "logicalPropertyGroup": "size",
       "styleDeclaration": [
         "inline-size",
         "inlineSize"
       ],
-      "syntax": "<'width'>",
+      "syntax": "auto | <box-size>",
       "extended": []
     },
     {
@@ -11124,20 +11115,20 @@
     },
     {
       "name": "max-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-block-size",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-block-size",
       "initial": "none",
-      "appliesTo": "same as height and width",
+      "appliesTo": "all elements that accept width or height",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value, recursing into fit-content()",
       "logicalPropertyGroup": "max-size",
       "styleDeclaration": [
         "max-block-size",
         "maxBlockSize"
       ],
-      "syntax": "<'max-width'>",
+      "syntax": "none | <box-size>",
       "extended": []
     },
     {
@@ -11155,7 +11146,7 @@
         "max-height",
         "maxHeight"
       ],
-      "syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "none | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -11163,20 +11154,20 @@
     },
     {
       "name": "max-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-inline-size",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-inline-size",
       "initial": "none",
-      "appliesTo": "same as height and width",
+      "appliesTo": "all elements that accept width or height",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value, recursing into fit-content()",
       "logicalPropertyGroup": "max-size",
       "styleDeclaration": [
         "max-inline-size",
         "maxInlineSize"
       ],
-      "syntax": "<'max-width'>",
+      "syntax": "none | <box-size>",
       "extended": []
     },
     {
@@ -11196,6 +11187,27 @@
       "syntax": "none | <integer [1,∞]>",
       "extended": []
     },
+    {
+      "name": "max-size",
+      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-max-size",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "max-size",
+        "maxSize"
+      ],
+      "longhands": [
+        "max-width",
+        "max-height"
+      ],
+      "syntax": "<'max-width'> <'max-height'>?",
+      "extended": []
+    },
     {
       "name": "max-width",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-max-width",
@@ -11211,7 +11223,7 @@
         "max-width",
         "maxWidth"
       ],
-      "syntax": "none | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "none | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -11219,20 +11231,20 @@
     },
     {
       "name": "min-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-block-size",
-      "initial": "0",
-      "appliesTo": "same as height and width",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-block-size",
+      "initial": "auto",
+      "appliesTo": "all elements that accept width or height",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value, recursing into fit-content()",
       "logicalPropertyGroup": "min-size",
       "styleDeclaration": [
         "min-block-size",
         "minBlockSize"
       ],
-      "syntax": "<'min-width'>",
+      "syntax": "auto | <box-size>",
       "extended": []
     },
     {
@@ -11250,7 +11262,7 @@
         "min-height",
         "minHeight"
       ],
-      "syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "auto | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -11258,20 +11270,20 @@
     },
     {
       "name": "min-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-inline-size",
-      "initial": "0",
-      "appliesTo": "same as height and width",
+      "href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-inline-size",
+      "initial": "auto",
+      "appliesTo": "all elements that accept width or height",
       "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
+      "percentages": "relative to width/height of containing block",
+      "computedValue": "as specified, with <length-percentage> values computed",
       "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
+      "animationType": "by computed value, recursing into fit-content()",
       "logicalPropertyGroup": "min-size",
       "styleDeclaration": [
         "min-inline-size",
         "minInlineSize"
       ],
-      "syntax": "<'min-width'>",
+      "syntax": "auto | <box-size>",
       "extended": []
     },
     {
@@ -11291,6 +11303,27 @@
       "syntax": "legacy | zero-if-scroll || zero-if-extrinsic",
       "extended": []
     },
+    {
+      "name": "min-size",
+      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-min-size",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "min-size",
+        "minSize"
+      ],
+      "longhands": [
+        "min-width",
+        "min-height"
+      ],
+      "syntax": "<'min-width'> <'min-height'>?",
+      "extended": []
+    },
     {
       "name": "min-width",
       "href": "https://drafts.csswg.org/css-sizing-3/#propdef-min-width",
@@ -11306,7 +11339,7 @@
         "min-width",
         "minWidth"
       ],
-      "syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "auto | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -13015,7 +13048,7 @@
       "name": "row-gap",
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-gap",
       "initial": "normal",
-      "appliesTo": "multi-column containers, flex containers, grid containers",
+      "appliesTo": "multi-column containers, flex containers, grid containers, and grid lanes containers",
       "inherited": "no",
       "percentages": "see § 2.3 Percentages In gap Properties",
       "computedValue": "specified keyword, else a computed <length-percentage> value",
@@ -14204,7 +14237,7 @@
         "scroll-snap-type",
         "scrollSnapType"
       ],
-      "syntax": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
+      "syntax": "none | [ x | y | block | inline | both | pair ] [ mandatory | proximity ]?",
       "extended": []
     },
     {
@@ -14432,6 +14465,26 @@
       "syntax": "auto | optimizeSpeed | crispEdges | geometricPrecision",
       "extended": []
     },
+    {
+      "name": "size",
+      "href": "https://drafts.csswg.org/css-sizing-4/#propdef-size",
+      "initial": "auto",
+      "appliesTo": "all elements",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "size"
+      ],
+      "longhands": [
+        "width",
+        "height"
+      ],
+      "syntax": "<'width'> <'height'>?",
+      "extended": []
+    },
     {
       "name": "slider-orientation",
       "href": "https://drafts.csswg.org/css-forms-1/#propdef-slider-orientation",
@@ -16600,7 +16653,7 @@
       "styleDeclaration": [
         "width"
       ],
-      "syntax": "auto | <length-percentage [0,∞]> | min-content | max-content | fit-content(<length-percentage [0,∞]>) | <calc-size()> | <anchor-size()> | stretch | fit-content | contain",
+      "syntax": "auto | <box-size> | <anchor-size()> | contain | fit-content(<length-percentage [0,∞]>)",
       "extended": [
         "https://drafts.csswg.org/css-anchor-position-1/",
         "https://drafts.csswg.org/css-sizing-4/"
@@ -16962,6 +17015,13 @@
       "syntax": "::field-component",
       "extended": []
     },
+    {
+      "name": "::field-content",
+      "prose": "The ::field-content pseudo-element represents the portion of the input that contains the editable text.",
+      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-content",
+      "syntax": "::field-content",
+      "extended": []
+    },
     {
       "name": "::field-separator",
       "prose": "The ::field-separator pseudo-element represents the portions of the control that separate the date/time component values if the user agent provides those portions.",
@@ -16969,13 +17029,6 @@
       "syntax": "::field-separator",
       "extended": []
     },
-    {
-      "name": "::field-text",
-      "prose": "The ::field-text pseudo-element represents the portion of the input that contains the editable text.",
-      "href": "https://drafts.csswg.org/css-forms-1/#selectordef-field-text",
-      "syntax": "::field-text",
-      "extended": []
-    },
     {
       "name": "::file-selector-button",
       "prose": "The ::file-selector-button pseudo-element represents the button used to open a file picker, if the UA renders such a button.",
@@ -17219,7 +17272,7 @@
     },
     {
       "name": ":animated-image",
-      "prose": "The :animated-image pseudo-class represents content image elements where a animated image has been loaded. For the animated-image pseudo-class to match, the image must not only be in a format that is capable of animation, but must also be an actually animated image.",
+      "prose": "The :animated-image pseudo-class matches elements representing a declarative image where a animated image has been loaded. For the animated-image pseudo-class to match, the image must not only be in a format that is capable of animation, but must also be an actually animated image.",
       "href": "https://drafts.csswg.org/css-image-animation-1/#selectordef-animated-image",
       "syntax": ":animated-image",
       "extended": []
@@ -17577,10 +17630,10 @@
       "extended": []
     },
     {
-      "name": ":nav-source",
-      "prose": "This specification defines a :nav-source pseudo-class, matching the element that triggered the current navigation. It is a CSS reflection of the sourceElement property in the Navigation API. The trigger element can be an [^a^], [^area^], [^form^], a [^input/type/submit^] input, or a [^button^].",
-      "href": "https://drafts.csswg.org/css-navigation-1/#nav-source-pseudo",
-      "syntax": ":nav-source",
+      "name": ":navigation-source",
+      "prose": "This specification defines a :navigation-source pseudo-class, matching the element that triggered the current navigation. It is a CSS reflection of the sourceElement property in the Navigation API. The trigger element can be an [^a^], [^area^], [^form^], a [^input/type/submit^] input, or a [^button^].",
+      "href": "https://drafts.csswg.org/css-navigation-1/#navigation-source-pseudo",
+      "syntax": ":navigation-source",
       "extended": []
     },
     {
@@ -18368,6 +18421,12 @@
       "href": "https://drafts.csswg.org/css-box-4/#typedef-box",
       "extended": []
     },
+    {
+      "name": "box-size",
+      "href": "https://drafts.csswg.org/css-sizing-4/#typedef-box-size",
+      "syntax": "<length-percentage> | stretch | contain | min-content | max-content | fit-content | fit-content() | calc-size()",
+      "extended": []
+    },
     {
       "name": "calc-keyword",
       "href": "https://drafts.csswg.org/css-values-4/#typedef-calc-keyword",
@@ -19346,6 +19405,12 @@
       "syntax": "<string> | <integer> | <ident>",
       "extended": []
     },
+    {
+      "name": "ident-args",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-ident-args",
+      "syntax": "ident( <declaration-value> )",
+      "extended": []
+    },
     {
       "name": "ident-token",
       "prose": "The output of tokenization step is a stream of zero or more of the following tokens: <ident-token>, <function-token>, <at-keyword-token>, <hash-token>, <string-token>, <bad-string-token>, <url-token>, <bad-url-token>, <delim-token>, <number-token>, <percentage-token>, <dimension-token>, <unicode-range-token>, <whitespace-token>, <CDO-token>, <CDC-token>, <colon-token>, <semicolon-token>, <comma-token>, <[-token>, <]-token>, <(-token>, <)-token>, <{-token>, and <}-token>.",

package/package.json

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