npm - @webref/css - Versions diffs - 6.12.14 → 6.12.15 - Mend

@webref/css 6.12.14 → 6.12.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/css-conditional-5.json CHANGED Viewed

@@ -3,7 +3,94 @@
     "title": "CSS Conditional Rules Module Level 5",
     "url": "https://drafts.csswg.org/css-conditional-5/"
   },
-  "properties": [],
+  "properties": [
+    {
+      "name": "container-type",
+      "href": "https://drafts.csswg.org/css-conditional-5/#propdef-container-type",
+      "value": "normal | size | inline-size",
+      "initial": "normal",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "specified keyword",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "size",
+          "prose": "Establishes a query container for container size queries on both the inline and block axis. Applies layout containment, style containment, and size containment to the principal box.",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-size",
+          "type": "value",
+          "value": "size"
+        },
+        {
+          "name": "inline-size",
+          "prose": "Establishes a query container for container size queries on the container’s own inline axis. Applies layout containment, style containment, and inline-size containment to the principal box.",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-inline-size",
+          "type": "value",
+          "value": "inline-size"
+        },
+        {
+          "name": "normal",
+          "prose": "The element is not a query container for any container size queries, but remains a query container for container style queries.",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-type-normal",
+          "type": "value",
+          "value": "normal"
+        }
+      ],
+      "styleDeclaration": [
+        "container-type",
+        "containerType"
+      ]
+    },
+    {
+      "name": "container-name",
+      "href": "https://drafts.csswg.org/css-conditional-5/#propdef-container-name",
+      "value": "none | <custom-ident>+",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "n/a",
+      "computedValue": "the keyword none, or an ordered list of identifiers",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "values": [
+        {
+          "name": "none",
+          "prose": "The query container has no query container name.",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-name-none",
+          "type": "value",
+          "value": "none"
+        },
+        {
+          "name": "<custom-ident>",
+          "prose": "Specifies a query container name as an identifier. The keywords none, and, not, and or are excluded from this <custom-ident>.",
+          "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-name-custom-ident",
+          "type": "value",
+          "value": "<custom-ident>"
+        }
+      ],
+      "styleDeclaration": [
+        "container-name",
+        "containerName"
+      ]
+    },
+    {
+      "name": "container",
+      "href": "https://drafts.csswg.org/css-conditional-5/#propdef-container",
+      "value": "<'container-name'> [ / <'container-type'> ]?",
+      "initial": "see individual properties",
+      "appliesTo": "see individual properties",
+      "inherited": "see individual properties",
+      "percentages": "see individual properties",
+      "computedValue": "see individual properties",
+      "animationType": "see individual properties",
+      "canonicalOrder": "per grammar",
+      "styleDeclaration": [
+        "container"
+      ]
+    }
+  ],
   "atrules": [
     {
       "name": "@when",
@@ -18,6 +105,72 @@
       "href": "https://drafts.csswg.org/css-conditional-5/#at-ruledef-else",
       "descriptors": [],
       "value": "@else <boolean-condition>? { <rule-list> }"
+    },
+    {
+      "name": "@container",
+      "prose": "The @container rule is a conditional group rule whose condition contains a container query, which is a boolean combination of container size queries and/or container style queries. Style declarations within the <block-contents> block of an @container rule are filtered by its condition to only match when the container query is true for their element’s query container.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#at-ruledef-container",
+      "descriptors": [
+        {
+          "name": "width",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-width",
+          "for": "@container",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "height",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-height",
+          "for": "@container",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "inline-size",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-inline-size",
+          "for": "@container",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "block-size",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-block-size",
+          "for": "@container",
+          "value": "<length>",
+          "type": "range"
+        },
+        {
+          "name": "aspect-ratio",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-aspect-ratio",
+          "for": "@container",
+          "value": "<ratio>",
+          "type": "range"
+        },
+        {
+          "name": "orientation",
+          "href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-orientation",
+          "for": "@container",
+          "value": "portrait | landscape",
+          "type": "discrete",
+          "values": [
+            {
+              "name": "portrait",
+              "prose": "The orientation container feature is portrait when the value of the height container feature is greater than or equal to the value of the width container feature.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-orientation-portrait",
+              "type": "value",
+              "value": "portrait"
+            },
+            {
+              "name": "landscape",
+              "prose": "Otherwise orientation is landscape.",
+              "href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-orientation-landscape",
+              "type": "value",
+              "value": "landscape"
+            }
+          ]
+        }
+      ],
+      "value": "@container <container-condition># { <block-contents> }"
     }
   ],
   "selectors": [],
@@ -51,6 +204,54 @@
       "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports",
       "type": "function",
       "value": "supports( <declaration> )"
+    },
+    {
+      "name": "<container-condition>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-container-condition",
+      "type": "type",
+      "value": "[ <container-name> ]? <container-query>"
+    },
+    {
+      "name": "<container-name>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-container-name",
+      "type": "type",
+      "value": "<custom-ident>"
+    },
+    {
+      "name": "<container-query>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-container-query",
+      "type": "type",
+      "value": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
+    },
+    {
+      "name": "<query-in-parens>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-query-in-parens",
+      "type": "type",
+      "value": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
+    },
+    {
+      "name": "<style-query>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-query",
+      "type": "type",
+      "value": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>"
+    },
+    {
+      "name": "<style-in-parens>",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-in-parens",
+      "type": "type",
+      "value": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
+    },
+    {
+      "name": "<size-feature>",
+      "prose": "A container size query allows querying the size of the query container’s principal box. It is a boolean combination of individual size features (<size-feature>) that each query a single, specific dimensional feature of the query container. The syntax of a <size-feature> is the same as for a media feature: a feature name, a comparator, and a value. [mediaqueries-5] The boolean syntax and logic combining size features into a size query is the same as for CSS feature queries. (See @supports. [css-conditional-3])",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-size-feature",
+      "type": "type"
+    },
+    {
+      "name": "<style-feature>",
+      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration [CSS-SYNTAX-3], a supported CSS property, or a <custom-property-name>.",
+      "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature",
+      "type": "type"
     }
   ]
 }

package/css-contain.json CHANGED Viewed

@@ -7,7 +7,7 @@
     {
       "name": "contain",
       "href": "https://drafts.csswg.org/css-contain-2/#propdef-contain",
-      "value": "none | strict | content | [ size || layout || style || paint ]",
+      "value": "none | strict | content | [ [size | inline-size] || layout || style || paint ]",
       "initial": "none",
       "appliesTo": "See below",
       "inherited": "no",
@@ -44,6 +44,13 @@
           "type": "value",
           "value": "size"
         },
+        {
+          "name": "inline-size",
+          "prose": "This value turns on inline-size containment for the element. This prevents the inline-size of its principal box from directly depending on its contents.",
+          "href": "https://drafts.csswg.org/css-contain-2/#valdef-contain-inline-size",
+          "type": "value",
+          "value": "inline-size"
+        },
         {
           "name": "layout",
           "prose": "This value turns on layout containment for the element. This ensures that the containment box is totally opaque for layout purposes; nothing outside can affect its internal layout, and vice versa.",
@@ -80,7 +87,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
+      "animationType": "see § 4.1 Animating and Interpolating content-visibility",
       "values": [
         {
           "name": "visible",

package/css-display.json CHANGED Viewed

@@ -53,8 +53,8 @@
       ]
     },
     {
-      "name": "reading-order-items",
-      "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order-items",
+      "name": "reading-flow",
+      "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-flow",
       "value": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
       "initial": "normal",
       "appliesTo": "flex and grid containers",
@@ -67,49 +67,49 @@
         {
           "name": "normal",
           "prose": "Follow the order of elements in the DOM.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-normal",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-normal",
           "type": "value",
           "value": "normal"
         },
         {
           "name": "flex-visual",
-          "prose": "Only takes effect on flex containers. Follows the visual reading order of flex items, taking the writing mode into account. Therefore, a document in English, with a flex-direction of row-reverse and reading-order-items of 'flex visual' would have a reading order of left to right.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-flex-visual",
+          "prose": "Only takes effect on flex containers. Follows the visual reading order of flex items, taking the writing mode into account. Therefore, a document in English, with a flex-direction of row-reverse and reading-flow of 'flex visual' would have a reading order of left to right.",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-flex-visual",
           "type": "value",
           "value": "flex-visual"
         },
         {
           "name": "flex-flow",
           "prose": "Only takes effect on flex containers. Follows the flex-flow direction.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-flex-flow",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-flex-flow",
           "type": "value",
           "value": "flex-flow"
         },
         {
           "name": "grid-rows",
           "prose": "Only takes effect on grid containers. Follows the visual order of grid items by row, taking the writing mode into account.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-rows",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-grid-rows",
           "type": "value",
           "value": "grid-rows"
         },
         {
           "name": "grid-columns",
           "prose": "Only takes effect on grid containers. Follows the visual order of grid items by column, taking the writing mode into account.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-columns",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-grid-columns",
           "type": "value",
           "value": "grid-columns"
         },
         {
           "name": "grid-order",
           "prose": "Follows the order-modified document order. Therefore, as normal unless the order property has been used to change the order of items.",
-          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-order",
+          "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-grid-order",
           "type": "value",
           "value": "grid-order"
         }
       ],
       "styleDeclaration": [
-        "reading-order-items",
-        "readingOrderItems"
+        "reading-flow",
+        "readingFlow"
       ]
     },
     {

package/css-overflow-4.json CHANGED Viewed

@@ -357,7 +357,7 @@
       "values": [
         {
           "name": "-webkit-discard",
-          "prose": "The -webkit-discard value behaves identically to discard, except that it only takes effect if the computed value of the display property on the parent is -webkit-box or -webkit-inline-box and the computed value of the -webkit-box-orient property on the parent is vertical.",
+          "prose": "The -webkit-discard value behaves identically to discard, except that it only takes effect if the value of the display property is -webkit-box or -webkit-inline-box and the value of the -webkit-box-orient property is vertical.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue--webkit-discard",
           "type": "value",
           "value": "-webkit-discard"
@@ -371,7 +371,7 @@
         },
         {
           "name": "discard",
-          "prose": "The box becomes a fragmentation container that captures region breaks, if it is not already. [CSS-BREAK-3] Content after the first region break is not rendered (see below). (If the box is a multi-column container, any overflow columns are also not rendered.)",
+          "prose": "The box must establish an independent formatting context and becomes a fragmentation container that captures region breaks, if it is not already. [CSS-BREAK-3] Content after the first region break is not rendered (see below). (If the box is a multi-column container, any overflow columns are also not rendered.)",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-continue-discard",
           "type": "value",
           "value": "discard"

package/css-values.json CHANGED Viewed

@@ -780,6 +780,54 @@
       "type": "type",
       "value": "e | pi | infinity | -infinity | NaN"
     },
+    {
+      "name": "<boolean>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean",
+      "type": "type",
+      "value": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
+    },
+    {
+      "name": "<boolean-without-or>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean-without-or",
+      "type": "type",
+      "value": "<bool-not> | <bool-in-parens> <bool-and>*"
+    },
+    {
+      "name": "<bool-not>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-not",
+      "type": "type",
+      "value": "not <bool-in-parens>"
+    },
+    {
+      "name": "<bool-and>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-and",
+      "type": "type",
+      "value": "and <bool-in-parens>"
+    },
+    {
+      "name": "<bool-or>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-or",
+      "type": "type",
+      "value": "or <bool-in-parens>"
+    },
+    {
+      "name": "<bool-in-parens>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-in-parens",
+      "type": "type",
+      "value": "( <boolean> ) | <bool-test> | <general-enclosed>"
+    },
+    {
+      "name": "<general-enclosed>",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-general-enclosed",
+      "type": "type",
+      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
+    },
+    {
+      "name": "<bool-test>",
+      "prose": "Each specification using <boolean> must define what things are valid as <bool-test> values in that context, and whether it uses 2-value or 3-value logic. As well, <bool-test> values should either be wrapped in parentheses or be functions; if a specification needs to express some conditions in a different way, please contact the CSSWG for review.",
+      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-test",
+      "type": "type"
+    },
     {
       "name": "<quirky-length>",
       "prose": "When CSS is being parsed in quirks mode, <quirky-length> is a type of <length> that is only valid in certain properties:",

package/mediaqueries-5.json CHANGED Viewed

@@ -899,12 +899,6 @@
       "type": "type",
       "value": "<mf-lt> | <mf-gt> | <mf-eq>"
     },
-    {
-      "name": "<general-enclosed>",
-      "href": "https://drafts.csswg.org/mediaqueries-5/#typedef-general-enclosed",
-      "type": "type",
-      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
-    },
     {
       "name": "<mq-boolean>",
       "prose": "The <mq-boolean> value type is an <integer> with the value 0 or 1. Any other integer value is invalid. Note that -0 is always equivalent to 0 in CSS, and so is also accepted as a valid <mq-boolean> value.",

package/mediaqueries.json CHANGED Viewed

@@ -524,12 +524,6 @@
       "type": "type",
       "value": "<mf-lt> | <mf-gt> | <mf-eq>"
     },
-    {
-      "name": "<general-enclosed>",
-      "href": "https://drafts.csswg.org/mediaqueries-4/#typedef-general-enclosed",
-      "type": "type",
-      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
-    },
     {
       "name": "<mq-boolean>",
       "href": "https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean",

package/package.json CHANGED Viewed

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

package/css-contain-3.json DELETED Viewed

@@ -1,245 +0,0 @@
-{
-  "spec": {
-    "title": "CSS Containment Module Level 3",
-    "url": "https://drafts.csswg.org/css-contain-3/"
-  },
-  "properties": [
-    {
-      "name": "contain",
-      "value": "none | strict | content | [ [size | inline-size] || layout || style || paint ]",
-      "values": [
-        {
-          "name": "inline-size",
-          "prose": "This value turns on inline-size containment for the element. This prevents the inline-size of its principal box from directly depending on its contents.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-contain-inline-size",
-          "type": "value",
-          "value": "inline-size"
-        }
-      ],
-      "styleDeclaration": [
-        "contain"
-      ]
-    },
-    {
-      "name": "container-type",
-      "href": "https://drafts.csswg.org/css-contain-3/#propdef-container-type",
-      "value": "normal | size | inline-size",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "specified keyword",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "values": [
-        {
-          "name": "size",
-          "prose": "Establishes a query container for container size queries on both the inline and block axis. Applies layout containment, style containment, and size containment to the principal box.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-type-size",
-          "type": "value",
-          "value": "size"
-        },
-        {
-          "name": "inline-size",
-          "prose": "Establishes a query container for container size queries on the container’s own inline axis. Applies layout containment, style containment, and inline-size containment to the principal box.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-type-inline-size",
-          "type": "value",
-          "value": "inline-size"
-        },
-        {
-          "name": "normal",
-          "prose": "The element is not a query container for any container size queries, but remains a query container for container style queries.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-type-normal",
-          "type": "value",
-          "value": "normal"
-        }
-      ],
-      "styleDeclaration": [
-        "container-type",
-        "containerType"
-      ]
-    },
-    {
-      "name": "container-name",
-      "href": "https://drafts.csswg.org/css-contain-3/#propdef-container-name",
-      "value": "none | <custom-ident>+",
-      "initial": "none",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "the keyword none, or an ordered list of identifiers",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "values": [
-        {
-          "name": "none",
-          "prose": "The query container has no query container name.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-name-none",
-          "type": "value",
-          "value": "none"
-        },
-        {
-          "name": "<custom-ident>",
-          "prose": "Specifies a query container name as an identifier. The keywords none, and, not, and or are excluded from this <custom-ident>.",
-          "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-name-custom-ident",
-          "type": "value",
-          "value": "<custom-ident>"
-        }
-      ],
-      "styleDeclaration": [
-        "container-name",
-        "containerName"
-      ]
-    },
-    {
-      "name": "container",
-      "href": "https://drafts.csswg.org/css-contain-3/#propdef-container",
-      "value": "<'container-name'> [ / <'container-type'> ]?",
-      "initial": "see individual properties",
-      "appliesTo": "see individual properties",
-      "inherited": "see individual properties",
-      "percentages": "see individual properties",
-      "computedValue": "see individual properties",
-      "animationType": "see individual properties",
-      "canonicalOrder": "per grammar",
-      "styleDeclaration": [
-        "container"
-      ]
-    },
-    {
-      "name": "content-visibility",
-      "href": "https://drafts.csswg.org/css-contain-3/#propdef-content-visibility",
-      "value": "visible | auto | hidden",
-      "initial": "visible",
-      "appliesTo": "elements for which size containment can apply",
-      "inherited": "no",
-      "percentages": "n/a",
-      "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "see § 8.1 Animating and Interpolating content-visibility",
-      "styleDeclaration": [
-        "content-visibility",
-        "contentVisibility"
-      ]
-    }
-  ],
-  "atrules": [
-    {
-      "name": "@container",
-      "prose": "The @container rule is a conditional group rule whose condition contains a container query, which is a boolean combination of container size queries and/or container style queries. Style declarations within the <block-contents> block of an @container rule are filtered by its condition to only match when the container query is true for their element’s query container.",
-      "href": "https://drafts.csswg.org/css-contain-3/#at-ruledef-container",
-      "descriptors": [
-        {
-          "name": "width",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-width",
-          "for": "@container",
-          "value": "<length>",
-          "type": "range"
-        },
-        {
-          "name": "height",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-height",
-          "for": "@container",
-          "value": "<length>",
-          "type": "range"
-        },
-        {
-          "name": "inline-size",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-inline-size",
-          "for": "@container",
-          "value": "<length>",
-          "type": "range"
-        },
-        {
-          "name": "block-size",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-block-size",
-          "for": "@container",
-          "value": "<length>",
-          "type": "range"
-        },
-        {
-          "name": "aspect-ratio",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-aspect-ratio",
-          "for": "@container",
-          "value": "<ratio>",
-          "type": "range"
-        },
-        {
-          "name": "orientation",
-          "href": "https://drafts.csswg.org/css-contain-3/#descdef-container-orientation",
-          "for": "@container",
-          "value": "portrait | landscape",
-          "type": "discrete",
-          "values": [
-            {
-              "name": "portrait",
-              "prose": "The orientation container feature is portrait when the value of the height container feature is greater than or equal to the value of the width container feature.",
-              "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-orientation-portrait",
-              "type": "value",
-              "value": "portrait"
-            },
-            {
-              "name": "landscape",
-              "prose": "Otherwise orientation is landscape.",
-              "href": "https://drafts.csswg.org/css-contain-3/#valdef-container-orientation-landscape",
-              "type": "value",
-              "value": "landscape"
-            }
-          ]
-        }
-      ],
-      "value": "@container <container-condition># { <block-contents> }"
-    }
-  ],
-  "selectors": [],
-  "values": [
-    {
-      "name": "<container-condition>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-container-condition",
-      "type": "type",
-      "value": "[ <container-name> ]? <container-query>"
-    },
-    {
-      "name": "<container-name>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-container-name",
-      "type": "type",
-      "value": "<custom-ident>"
-    },
-    {
-      "name": "<container-query>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-container-query",
-      "type": "type",
-      "value": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
-    },
-    {
-      "name": "<query-in-parens>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-query-in-parens",
-      "type": "type",
-      "value": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | <general-enclosed>"
-    },
-    {
-      "name": "<style-query>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-style-query",
-      "type": "type",
-      "value": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature>"
-    },
-    {
-      "name": "<style-in-parens>",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-style-in-parens",
-      "type": "type",
-      "value": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
-    },
-    {
-      "name": "<size-feature>",
-      "prose": "A container size query allows querying the size of the query container’s principal box. It is a boolean combination of individual size features (<size-feature>) that each query a single, specific dimensional feature of the query container. The syntax of a <size-feature> is the same as for a media feature: a feature name, a comparator, and a value. [mediaqueries-5] The boolean syntax and logic combining size features into a size query is the same as for CSS feature queries. (See @supports. [CSS-CONDITIONAL-3])",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-size-feature",
-      "type": "type"
-    },
-    {
-      "name": "<style-feature>",
-      "prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration [CSS-SYNTAX-3], a supported CSS property, or a <custom-property-name>.",
-      "href": "https://drafts.csswg.org/css-contain-3/#typedef-style-feature",
-      "type": "type"
-    }
-  ]
-}