@webref/css 6.25.13 → 6.25.15

package/css-forms.json

@@ -4,21 +4,6 @@
     "url": "https://drafts.csswg.org/css-forms-1/"
   },
   "properties": [
-    {
-      "name": "appearance",
-      "newValues": "base",
-      "values": [
-        {
-          "name": "base",
-          "href": "https://drafts.csswg.org/css-forms-1/#valdef-appearance-base",
-          "type": "value",
-          "value": "base"
-        }
-      ],
-      "styleDeclaration": [
-        "appearance"
-      ]
-    },
     {
       "name": "field-sizing",
       "href": "https://drafts.csswg.org/css-forms-1/#propdef-field-sizing",
@@ -196,10 +181,10 @@
       "value": "::placeholder"
     },
     {
-      "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",
-      "value": "::field-text"
+      "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",
+      "value": "::field-content"
     },
     {
       "name": "::reveal-icon",

package/css-gaps.json

@@ -9,7 +9,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-row-gap",
       "value": "normal | <length-percentage [0,∞]> | <line-width>",
       "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",
@@ -34,7 +34,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-column-gap",
       "value": "normal | <length-percentage [0,∞]> | <line-width>",
       "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",
@@ -59,7 +59,7 @@
       "href": "https://drafts.csswg.org/css-gaps-1/#propdef-gap",
       "value": "<'row-gap'> <'column-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",

package/css-image-animation.json

@@ -9,7 +9,7 @@
       "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
       "value": "normal | paused | stopped | running",
       "initial": "normal",
-      "appliesTo": "content images and elements with decorative images",
+      "appliesTo": "declarative images",
       "inherited": "yes",
       "percentages": "n/a",
       "computedValue": "as specified",
@@ -39,7 +39,7 @@
         },
         {
           "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. 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.",
+          "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 all images of a single element with an image-animation computed value of running, any animated images with the same absolute URL and the same image data 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"
@@ -55,7 +55,7 @@
   "selectors": [
     {
       "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",
       "value": ":animated-image"
     }

package/css-logical.json

@@ -4,108 +4,6 @@
     "url": "https://drafts.csswg.org/css-logical-1/"
   },
   "properties": [
-    {
-      "name": "block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-block-size",
-      "value": "<'width'>",
-      "initial": "auto",
-      "appliesTo": "Same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "size",
-      "styleDeclaration": [
-        "block-size",
-        "blockSize"
-      ]
-    },
-    {
-      "name": "inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-inline-size",
-      "value": "<'width'>",
-      "initial": "auto",
-      "appliesTo": "Same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as height, width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "size",
-      "styleDeclaration": [
-        "inline-size",
-        "inlineSize"
-      ]
-    },
-    {
-      "name": "min-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-block-size",
-      "value": "<'min-width'>",
-      "initial": "0",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "min-size",
-      "styleDeclaration": [
-        "min-block-size",
-        "minBlockSize"
-      ]
-    },
-    {
-      "name": "min-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-min-inline-size",
-      "value": "<'min-width'>",
-      "initial": "0",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as min-height, min-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "min-size",
-      "styleDeclaration": [
-        "min-inline-size",
-        "minInlineSize"
-      ]
-    },
-    {
-      "name": "max-block-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-block-size",
-      "value": "<'max-width'>",
-      "initial": "none",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "max-size",
-      "styleDeclaration": [
-        "max-block-size",
-        "maxBlockSize"
-      ]
-    },
-    {
-      "name": "max-inline-size",
-      "href": "https://drafts.csswg.org/css-logical-1/#propdef-max-inline-size",
-      "value": "<'max-width'>",
-      "initial": "none",
-      "appliesTo": "same as height and width",
-      "inherited": "no",
-      "percentages": "As for the corresponding physical property",
-      "computedValue": "Same as max-height, max-width",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "logicalPropertyGroup": "max-size",
-      "styleDeclaration": [
-        "max-inline-size",
-        "maxInlineSize"
-      ]
-    },
     {
       "name": "margin-block-start",
       "href": "https://drafts.csswg.org/css-logical-1/#propdef-margin-block-start",

package/css-mixins.json

@@ -31,13 +31,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "value": "@mixin [<function-token> <function-parameter>#? ) | <ident-token> ] { <declaration-rule-list> }"
-    },
-    {
-      "name": "@result",
-      "href": "https://drafts.csswg.org/css-mixins-1/#result-rule",
-      "descriptors": [],
-      "value": "@result { <declaration-rule-list> }"
+      "value": "@mixin [<function-token> <function-parameter>#? ) | <ident-token> ] { <block-contents> }"
     },
     {
       "name": "@contents",
@@ -45,17 +39,17 @@
       "descriptors": [],
       "value": "@contents [ { <declaration-list> } ]?"
     },
-    {
-      "name": "@macro",
-      "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
-      "descriptors": [],
-      "value": "@macro <dashed-ident> { <declaration-rule-list> }"
-    },
     {
       "name": "@apply",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-apply",
       "descriptors": [],
       "value": "@apply [ <dashed-ident> | <dashed-function> ] [ { <declaration-list> } ]?;"
+    },
+    {
+      "name": "@private",
+      "href": "https://drafts.csswg.org/css-mixins-1/#private",
+      "descriptors": [],
+      "value": "@private { <declaration-rule-list> }"
     }
   ],
   "selectors": [],

package/css-navigation.json

@@ -27,10 +27,10 @@
       "href": "https://drafts.csswg.org/css-navigation-1/#link-to-pseudo"
     },
     {
-      "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",
-      "value": ":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",
+      "value": ":navigation-source"
     }
   ],
   "values": [

package/css-scroll-snap.json

@@ -7,7 +7,7 @@
     {
       "name": "scroll-snap-type",
       "href": "https://drafts.csswg.org/css-scroll-snap-1/#propdef-scroll-snap-type",
-      "value": "none | [ x | y | block | inline | both ] [ mandatory | proximity ]?",
+      "value": "none | [ x | y | block | inline | both | pair ] [ mandatory | proximity ]?",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -51,6 +51,13 @@
           "type": "value",
           "value": "both"
         },
+        {
+          "name": "pair",
+          "prose": "The scroll container snaps to snap positions in both of its axes together as a single 2D point belonging to a single snap area. A snap area is only eligible as a snap position in a scroll container with pair if it specifies an alignment in both axes (i.e. neither its block nor inline alignment in scroll-snap-align computes to none). Snap areas that specify alignment in only a single axis are ignored.",
+          "href": "https://drafts.csswg.org/css-scroll-snap-1/#valdef-scroll-snap-type-pair",
+          "type": "value",
+          "value": "pair"
+        },
         {
           "name": "none",
           "prose": "If specified on a scroll container, the scroll container must not snap.",