@webref/css 8.0.2 → 8.1.0

package/css.json

@@ -873,6 +873,14 @@
       "syntax": "@namespace <namespace-prefix>? [ <string> | <url> ] ;",
       "extended": []
     },
+    {
+      "name": "@navigation",
+      "prose": "The @navigation rule is a conditional group rule whose condition tests characteristics of the current URL or of the state of navigation between two URLs. These queries are called navigation queries.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#at-ruledef-navigation",
+      "descriptors": [],
+      "syntax": "@navigation <navigation-condition> { <rule-list> }",
+      "extended": []
+    },
     {
       "descriptors": [],
       "name": "@ornaments",
@@ -982,6 +990,14 @@
       "syntax": "@right-top { <declaration-list> };",
       "extended": []
     },
+    {
+      "name": "@route",
+      "prose": "The @route rule is an at-rule that associates a name with a URL pattern. This name can be referenced in @navigation rules and in :link-to() pseudo-classes.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#at-ruledef-route",
+      "descriptors": [],
+      "syntax": "@route <dashed-ident> { [ <pattern-descriptors> | <init-descriptors> ] }",
+      "extended": []
+    },
     {
       "name": "@scope",
       "prose": "Scoped styles are described in CSS using the @scope block at-rule, which declares a scoping root and optional scoping limits associated with a set of style rules.",
@@ -2101,7 +2117,7 @@
     {
       "name": "superellipse()",
       "href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
-      "syntax": "superellipse(<number [-∞,∞]> | infinity | -infinity)",
+      "syntax": "superellipse(<number> | infinity | -infinity)",
       "extended": []
     },
     {
@@ -2227,6 +2243,13 @@
       "syntax": "type( <string> )",
       "extended": []
     },
+    {
+      "name": "url-pattern()",
+      "prose": "The url-pattern() function represents a URL pattern, which can be used to match URLs.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#funcdef-url-pattern",
+      "syntax": "url-pattern( <string> )",
+      "extended": []
+    },
     {
       "name": "url()",
       "prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.",
@@ -4178,6 +4201,23 @@
       "syntax": "<'border-block-start'>",
       "extended": []
     },
+    {
+      "name": "border-block-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-clip",
+      "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": [
+        "border-block-clip",
+        "borderBlockClip"
+      ],
+      "syntax": "<'border-top-clip'>",
+      "extended": []
+    },
     {
       "name": "border-block-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-color",
@@ -4215,18 +4255,19 @@
     {
       "name": "border-block-end-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-end-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-block-end-clip",
         "borderBlockEndClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4320,18 +4361,19 @@
     {
       "name": "border-block-start-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-block-start-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-block-start-clip",
         "borderBlockStartClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4459,18 +4501,19 @@
     {
       "name": "border-bottom-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-bottom-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-bottom-clip",
         "borderBottomClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4600,18 +4643,18 @@
     {
       "name": "border-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-clip",
-      "initial": "normal",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "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",
-      "animationType": "by computed value",
       "styleDeclaration": [
         "border-clip",
         "borderClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "<'border-top-clip'>",
       "extended": []
     },
     {
@@ -4803,6 +4846,23 @@
       "syntax": "<'border-block-start'>",
       "extended": []
     },
+    {
+      "name": "border-inline-clip",
+      "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-clip",
+      "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": [
+        "border-inline-clip",
+        "borderInlineClip"
+      ],
+      "syntax": "<'border-top-clip'>",
+      "extended": []
+    },
     {
       "name": "border-inline-color",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-color",
@@ -4840,18 +4900,19 @@
     {
       "name": "border-inline-end-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-end-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-inline-end-clip",
         "borderInlineEndClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -4945,18 +5006,19 @@
     {
       "name": "border-inline-start-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-inline-start-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-inline-start-clip",
         "borderInlineStartClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5084,18 +5146,19 @@
     {
       "name": "border-left-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-left-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-left-clip",
         "borderLeftClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5223,18 +5286,19 @@
     {
       "name": "border-right-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-right-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-right-clip",
         "borderRightClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5415,18 +5479,19 @@
     {
       "name": "border-top-clip",
       "href": "https://drafts.csswg.org/css-borders-4/#propdef-border-top-clip",
-      "initial": "normal",
+      "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "refer to length of border-edge side",
-      "computedValue": "normal, or a list consisting of absolute lengths, or percentages as specified",
+      "computedValue": "none, or a list consisting of absolute lengths, or percentages as specified",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-clip",
       "styleDeclaration": [
         "border-top-clip",
         "borderTopClip"
       ],
-      "syntax": "normal | [ <length-percentage [0,∞]> | <flex> ]+",
+      "syntax": "none | [ <length-percentage [0,∞]> | <flex> ]+",
       "extended": []
     },
     {
@@ -5654,7 +5719,7 @@
         "box-shadow-offset",
         "boxShadowOffset"
       ],
-      "syntax": "[ none | <length>{2} ]#",
+      "syntax": "[ none | <length>{1,2} ]#",
       "extended": []
     },
     {
@@ -6286,7 +6351,7 @@
         "contain-intrinsic-block-size",
         "containIntrinsicBlockSize"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6304,7 +6369,7 @@
         "contain-intrinsic-height",
         "containIntrinsicHeight"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6322,7 +6387,7 @@
         "contain-intrinsic-inline-size",
         "containIntrinsicInlineSize"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -6339,7 +6404,7 @@
         "contain-intrinsic-size",
         "containIntrinsicSize"
       ],
-      "syntax": "[ auto? [ none | <length> ] ]{1,2}",
+      "syntax": "[ [ auto | from-element ]? [ none | <length [0,∞]> ] ]{1,2}",
       "extended": []
     },
     {
@@ -6357,7 +6422,7 @@
         "contain-intrinsic-width",
         "containIntrinsicWidth"
       ],
-      "syntax": "auto? [ none | <length [0,∞]> ]",
+      "syntax": "[ auto | from-element ]? [ none | <length [0,∞]> ]",
       "extended": []
     },
     {
@@ -16130,6 +16195,12 @@
       "syntax": ":link",
       "extended": []
     },
+    {
+      "name": ":link-to()",
+      "prose": "This specification defines a new :link-to() functional pseudo-class that matches link elements that link to a certain URL.",
+      "href": "https://drafts.csswg.org/css-navigation-1/#link-to-pseudo",
+      "extended": []
+    },
     {
       "name": ":local-link",
       "prose": "The :local-link pseudo-class allows authors to style hyperlinks based on the users current location within a site and to differentiate site-internal versus site-external links.",
@@ -17951,6 +18022,24 @@
       "syntax": "inherit( <declaration-value>, <declaration-value>? )",
       "extended": []
     },
+    {
+      "name": "init-descriptor",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptor",
+      "syntax": "<init-descriptor-name> : <string>",
+      "extended": []
+    },
+    {
+      "name": "init-descriptor-name",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptor-name",
+      "syntax": "protocol | username | password | hostname | port pathname | search | hash | baseURL",
+      "extended": []
+    },
+    {
+      "name": "init-descriptors",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-init-descriptors",
+      "syntax": ";* <init-descriptor> [ ;+ <init-descriptor> ]* ;*",
+      "extended": []
+    },
     {
       "for": [
         "calc-interpolate()",
@@ -18183,6 +18272,18 @@
       "syntax": "[ [ <angle> | <zero> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>",
       "extended": []
     },
+    {
+      "name": "link-condition",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-link-condition",
+      "syntax": "<link-condition-base> [ with <navigation-param-expression> ]?",
+      "extended": []
+    },
+    {
+      "name": "link-condition-base",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-link-condition-base",
+      "syntax": "<navigation-location>",
+      "extended": []
+    },
     {
       "name": "margin-width",
       "prose": "The properties defined in this section refer to the <margin-width> value type, which may take one of the following values:",
@@ -18401,6 +18502,72 @@
       "syntax": "<ident>",
       "extended": []
     },
+    {
+      "name": "navigation-condition",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-condition",
+      "syntax": "not <navigation-in-parens> | <navigation-in-parens> [ and <navigation-in-parens> ]* | <navigation-in-parens> [ or <navigation-in-parens> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-in-parens",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-in-parens",
+      "syntax": "( <navigation-condition> ) | ( <navigation-test> ) | <general-enclosed>",
+      "extended": []
+    },
+    {
+      "name": "navigation-keyword",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-keyword",
+      "syntax": "at | from | to",
+      "extended": []
+    },
+    {
+      "name": "navigation-location",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-location",
+      "syntax": "<route-name> | <url-pattern()>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param",
+      "syntax": "<navigation-param-key-value> | <navigation-param-function>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-and",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-and",
+      "syntax": "<navigation-param-expression> [ \"and\" <navigation-param-expression> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-expression",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-expression",
+      "syntax": "( <navigation-param-and> ) | ( <navigation-param-or> ) | <navigation-param>",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-function",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-function",
+      "syntax": "navigation-param( <ident> )",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-key-value",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-key-value",
+      "syntax": "( <ident> : <string> )",
+      "extended": []
+    },
+    {
+      "name": "navigation-param-or",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-param-or",
+      "syntax": "<navigation-param-expression> [ \"or\" <navigation-param-expression> ]*",
+      "extended": []
+    },
+    {
+      "name": "navigation-test",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-navigation-test",
+      "syntax": "<navigation-location> | <navigation-keyword> : <navigation-location>",
+      "extended": []
+    },
     {
       "name": "ndash-dimension",
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-ndash-dimension",
@@ -18549,6 +18716,18 @@
       "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
       "extended": []
     },
+    {
+      "name": "pattern-descriptor",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-pattern-descriptor",
+      "syntax": "pattern : <url-pattern()>",
+      "extended": []
+    },
+    {
+      "name": "pattern-descriptors",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-pattern-descriptors",
+      "syntax": ";* <pattern-descriptor> ;*",
+      "extended": []
+    },
     {
       "name": "percentage",
       "prose": "Percentage values are denoted by <percentage>, and indicates a value that is some fraction of another reference value.",
@@ -18883,6 +19062,12 @@
       "syntax": "nearest | up | down | to-zero",
       "extended": []
     },
+    {
+      "name": "route-name",
+      "href": "https://drafts.csswg.org/css-navigation-1/#typedef-route-name",
+      "syntax": "<dashed-ident>",
+      "extended": []
+    },
     {
       "name": "rule-list",
       "prose": "<rule-list>: qualified rules and at-rules are allowed; declarations are automatically invalid.",
@@ -19130,7 +19315,7 @@
     {
       "name": "spread-shadow",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-spread-shadow",
-      "syntax": "<'box-shadow-color'>? && [ <'box-shadow-offset'> [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
+      "syntax": "<'box-shadow-color'>? && [ [ none | <length>{2} ] [ <'box-shadow-blur'> <'box-shadow-spread'>? ]? ] && <'box-shadow-position'>?",
       "extended": []
     },
     {
@@ -19171,7 +19356,7 @@
     },
     {
       "name": "style-feature-name",
-      "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 <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
+      "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 <style-feature-name> or a valid style range (<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-name",
       "extended": []
     },
@@ -19183,7 +19368,7 @@
     },
     {
       "name": "style-feature-value",
-      "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 <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
+      "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 <style-feature-name> or a valid style range (<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-value",
       "extended": []
     },

package/package.json

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