@webref/css 6.25.17 → 6.25.19

package/css-page.json

@@ -259,6 +259,118 @@
               "value": "add"
             }
           ]
+        },
+        {
+          "name": "@top-left-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-left-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-left-corner { <declaration-list> };"
+        },
+        {
+          "name": "@top-left",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-left",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-left { <declaration-list> };"
+        },
+        {
+          "name": "@top-center",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-center",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-center { <declaration-list> };"
+        },
+        {
+          "name": "@top-right",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-right",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-right { <declaration-list> };"
+        },
+        {
+          "name": "@top-right-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-top-right-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@top-right-corner { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-left-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-left-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-left-corner { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-left",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-left",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-left { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-center",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-center",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-center { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-right",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-right",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-right { <declaration-list> };"
+        },
+        {
+          "name": "@bottom-right-corner",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-bottom-right-corner",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@bottom-right-corner { <declaration-list> };"
+        },
+        {
+          "name": "@left-top",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-top",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-top { <declaration-list> };"
+        },
+        {
+          "name": "@left-middle",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-middle",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-middle { <declaration-list> };"
+        },
+        {
+          "name": "@left-bottom",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-left-bottom",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@left-bottom { <declaration-list> };"
+        },
+        {
+          "name": "@right-top",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-top",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-top { <declaration-list> };"
+        },
+        {
+          "name": "@right-middle",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-middle",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-middle { <declaration-list> };"
+        },
+        {
+          "name": "@right-bottom",
+          "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-page-right-bottom",
+          "type": "at-rule",
+          "for": "@page",
+          "value": "@right-bottom { <declaration-list> };"
         }
       ],
       "value": "@page <page-selector-list>? { <declaration-rule-list> }",
@@ -292,102 +404,6 @@
           "value": ":blank"
         }
       ]
-    },
-    {
-      "name": "@top-left-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left-corner",
-      "descriptors": [],
-      "value": "@top-left-corner { <declaration-list> };"
-    },
-    {
-      "name": "@top-left",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-left",
-      "descriptors": [],
-      "value": "@top-left { <declaration-list> };"
-    },
-    {
-      "name": "@top-center",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-center",
-      "descriptors": [],
-      "value": "@top-center { <declaration-list> };"
-    },
-    {
-      "name": "@top-right",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right",
-      "descriptors": [],
-      "value": "@top-right { <declaration-list> };"
-    },
-    {
-      "name": "@top-right-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-top-right-corner",
-      "descriptors": [],
-      "value": "@top-right-corner { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-left-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left-corner",
-      "descriptors": [],
-      "value": "@bottom-left-corner { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-left",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-left",
-      "descriptors": [],
-      "value": "@bottom-left { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-center",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-center",
-      "descriptors": [],
-      "value": "@bottom-center { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-right",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right",
-      "descriptors": [],
-      "value": "@bottom-right { <declaration-list> };"
-    },
-    {
-      "name": "@bottom-right-corner",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-bottom-right-corner",
-      "descriptors": [],
-      "value": "@bottom-right-corner { <declaration-list> };"
-    },
-    {
-      "name": "@left-top",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-top",
-      "descriptors": [],
-      "value": "@left-top { <declaration-list> };"
-    },
-    {
-      "name": "@left-middle",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-middle",
-      "descriptors": [],
-      "value": "@left-middle { <declaration-list> };"
-    },
-    {
-      "name": "@left-bottom",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-left-bottom",
-      "descriptors": [],
-      "value": "@left-bottom { <declaration-list> };"
-    },
-    {
-      "name": "@right-top",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-top",
-      "descriptors": [],
-      "value": "@right-top { <declaration-list> };"
-    },
-    {
-      "name": "@right-middle",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-middle",
-      "descriptors": [],
-      "value": "@right-middle { <declaration-list> };"
-    },
-    {
-      "name": "@right-bottom",
-      "href": "https://drafts.csswg.org/css-page-3/#at-ruledef-right-bottom",
-      "descriptors": [],
-      "value": "@right-bottom { <declaration-list> };"
     }
   ],
   "selectors": [],

package/css-pseudo.json

@@ -87,6 +87,12 @@
       "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-marker",
       "value": "::marker"
     },
+    {
+      "name": "::interest-button",
+      "prose": "The ::interest-button pseudo-element represents a button which, when pressed, shows interest in the originating element. This pseudo-element only exists on valid interest sources. (See interest-delay, :interest-source, and :interest-target for more discussion of this feature, and the HTML interestfor attribute.)",
+      "href": "https://drafts.csswg.org/css-pseudo-4/#selectordef-interest-button",
+      "value": "::interest-button"
+    },
     {
       "name": "::details-content",
       "prose": "The ::details-content pseudo-element targets the additional information in a details element that can be expanded or collapsed. It is an element-backed pseudo-element.",

package/css-sizing-4.json

@@ -399,8 +399,7 @@
     },
     {
       "name": "column-width",
-      "href": "https://drafts.csswg.org/css-sizing-4/#column-sizing",
-      "value": "auto | <box-size>",
+      "newValues": "auto | <box-size>",
       "computedValue": "as specified, with <length-percentage> values computed",
       "animationType": "by computed value type",
       "values": [
@@ -452,10 +451,64 @@
       "name": "<box-size>",
       "href": "https://drafts.csswg.org/css-sizing-4/#typedef-box-size",
       "type": "type",
-      "value": "<length-percentage [0,∞]> | stretch | contain | min-content | max-content | fit-content | fit-content(<length-percentage [0,∞]>) | <calc-size()>"
+      "value": "<length-percentage [0,∞]> | stretch | contain | min-content | max-content | fit-content | stretch(<length-percentage [0,∞]>) | fit-content(<length-percentage [0,∞]>) | <calc-size()>"
     }
   ],
   "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "width"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "height"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "min-width"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "min-height"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "max-width"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "stretch()",
+      "value": "stretch(<length-percentage [0,∞]>)",
+      "pureSyntax": false,
+      "href": "https://drafts.csswg.org/css-sizing-4/#funcdef-width-stretch",
+      "type": "function",
+      "for": "max-height"
+    },
     {
       "msg": "Dangling value",
       "name": "fit-content()",

package/css-values.json

@@ -211,14 +211,14 @@
         },
         {
           "name": "ch",
-          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
+          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr, and text-orientation is upright).",
           "href": "https://drafts.csswg.org/css-values-4/#ch",
           "type": "value",
           "value": "ch"
         },
         {
           "name": "ch unit",
-          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
+          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr, and text-orientation is upright).",
           "href": "https://drafts.csswg.org/css-values-4/#ch",
           "type": "value",
           "value": "ch unit"

package/mediaqueries-5.json

@@ -145,9 +145,16 @@
           "name": "display-mode",
           "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode",
           "for": "@media",
-          "value": "fullscreen | standalone | minimal-ui | browser | picture-in-picture",
+          "value": "application | fullscreen | standalone | minimal-ui | browser | picture-in-picture",
           "type": "discrete",
           "values": [
+            {
+              "name": "application",
+              "prose": "The top-level browsing context is an application context.",
+              "href": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-application",
+              "type": "value",
+              "value": "application"
+            },
             {
               "name": "fullscreen",
               "prose": "The browsing context is displayed with browser UI elements hidden and takes up the entirety of the available display area. The fullscreen context may have been caused by the fullscreen display mode in the application manifest, by the requestFullscreen() method of the Fullscreen API, or through some other means (such as the user manually activating fullscreen mode using the user agent’s built-in controls). Corresponds to the fullscreen display mode.",
@@ -171,7 +178,7 @@
             },
             {
               "name": "browser",
-              "prose": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). This should be used for non-application contexts where no other display mode is appropriate. Corresponds to the browser display mode.",
+              "prose": "The browsing context is displayed using the platform-specific convention for opening hyperlinks in the user agent (e.g., in a browser tab or web browser window with controls such as an address bar). Only applicable in non-application contexts. Corresponds to the browser display mode.",
               "href": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-browser",
               "type": "value",
               "value": "browser"

package/package.json

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

package/selectors-5.json

@@ -14,13 +14,13 @@
     },
     {
       "name": ":interest-source",
-      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently \"showing interest\" in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
+      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently showing interest in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
       "href": "https://drafts.csswg.org/selectors-5/#selectordef-interest-source",
       "value": ":interest-source"
     },
     {
       "name": ":interest-target",
-      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently \"showing interest\" in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
+      "prose": "The :interest-source pseudo-class applies to an interest source element that the user is currently showing interest in, and the :interest-target pseudo-class applies to the associated interest target of an element matching :interest-source.",
       "href": "https://drafts.csswg.org/selectors-5/#selectordef-interest-target",
       "value": ":interest-target"
     },
@@ -99,6 +99,12 @@
       "href": "https://drafts.csswg.org/selectors-5/#typedef-combinator",
       "type": "type",
       "value": "'>' | '+' | '~' | [ '|' '|' ] | [ / <wq-name> / ]"
+    },
+    {
+      "name": "<class-selector>",
+      "href": "https://drafts.csswg.org/selectors-5/#typedef-class-selector",
+      "type": "type",
+      "value": "'.' <ident-token> '*'?"
     }
   ]
 }