@webref/css 6.23.28 → 6.24.1

package/css-mixins.json

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

package/css-multicol.json

@@ -152,6 +152,11 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "columns"
+      ],
+      "longhands": [
+        "column-width",
+        "column-count",
+        "column-height"
       ]
     },
     {

package/css-overflow-4.json

@@ -170,6 +170,12 @@
       "styleDeclaration": [
         "overflow-clip-margin",
         "overflowClipMargin"
+      ],
+      "longhands": [
+        "overflow-clip-margin-top",
+        "overflow-clip-margin-right",
+        "overflow-clip-margin-bottom",
+        "overflow-clip-margin-left"
       ]
     },
     {
@@ -186,6 +192,10 @@
       "styleDeclaration": [
         "overflow-clip-margin-inline",
         "overflowClipMarginInline"
+      ],
+      "longhands": [
+        "overflow-clip-margin-inline-start",
+        "overflow-clip-margin-inline-end"
       ]
     },
     {
@@ -202,6 +212,10 @@
       "styleDeclaration": [
         "overflow-clip-margin-block",
         "overflowClipMarginBlock"
+      ],
+      "longhands": [
+        "overflow-clip-margin-block-start",
+        "overflow-clip-margin-block-end"
       ]
     },
     {
@@ -332,6 +346,11 @@
       "styleDeclaration": [
         "line-clamp",
         "lineClamp"
+      ],
+      "longhands": [
+        "max-lines",
+        "block-ellipsis",
+        "continue"
       ]
     },
     {
@@ -349,6 +368,11 @@
         "-webkit-line-clamp",
         "WebkitLineClamp",
         "webkitLineClamp"
+      ],
+      "longhands": [
+        "max-lines",
+        "block-ellipsis",
+        "continue"
       ]
     },
     {

package/css-overflow.json

@@ -235,6 +235,10 @@
       ],
       "styleDeclaration": [
         "overflow"
+      ],
+      "longhands": [
+        "overflow-x",
+        "overflow-y"
       ]
     },
     {
@@ -267,6 +271,12 @@
       "styleDeclaration": [
         "overflow-clip-margin",
         "overflowClipMargin"
+      ],
+      "longhands": [
+        "overflow-clip-margin-top",
+        "overflow-clip-margin-right",
+        "overflow-clip-margin-bottom",
+        "overflow-clip-margin-left"
       ]
     },
     {

package/css-overscroll.json

@@ -42,6 +42,10 @@
       "styleDeclaration": [
         "overscroll-behavior",
         "overscrollBehavior"
+      ],
+      "longhands": [
+        "overscroll-behavior-x",
+        "overscroll-behavior-y"
       ]
     },
     {

package/css-page.json

@@ -228,6 +228,37 @@
               "value": "<length>"
             }
           ]
+        },
+        {
+          "name": "page-margin-safety",
+          "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-margin-safety",
+          "for": "@page",
+          "value": "none | clamp | add",
+          "initial": "auto",
+          "computedValue": "as specified",
+          "values": [
+            {
+              "name": "none",
+              "prose": "Margins are not affected by unprintable regions",
+              "href": "https://drafts.csswg.org/css-page-3/#valdef-page-page-margin-safety-none",
+              "type": "value",
+              "value": "none"
+            },
+            {
+              "name": "clamp",
+              "prose": "The used margin values will be the maximum of the resolved value, and <safe-printable-inset> for the given side.",
+              "href": "https://drafts.csswg.org/css-page-3/#valdef-page-page-margin-safety-clamp",
+              "type": "value",
+              "value": "clamp"
+            },
+            {
+              "name": "add",
+              "prose": "The used margin values will be the resolved value, plus <safe-printable-inset> for the given side.",
+              "href": "https://drafts.csswg.org/css-page-3/#valdef-page-page-margin-safety-add",
+              "type": "value",
+              "value": "add"
+            }
+          ]
         }
       ],
       "value": "@page <page-selector-list>? { <declaration-rule-list> }",
@@ -378,6 +409,12 @@
       "href": "https://drafts.csswg.org/css-page-3/#typedef-pseudo-page",
       "type": "type",
       "value": ": [ left | right | first | blank ]"
+    },
+    {
+      "name": "<safe-printable-inset>",
+      "prose": "Let this value be <safe-printable-inset>, which is a <length>.",
+      "href": "https://drafts.csswg.org/css-page-3/#typedef-safe-printable-inset",
+      "type": "type"
     }
   ]
 }

package/css-position.json

@@ -409,6 +409,10 @@
       "styleDeclaration": [
         "inset-block",
         "insetBlock"
+      ],
+      "longhands": [
+        "inset-block-start",
+        "inset-block-end"
       ]
     },
     {
@@ -448,6 +452,10 @@
       "styleDeclaration": [
         "inset-inline",
         "insetInline"
+      ],
+      "longhands": [
+        "inset-inline-start",
+        "inset-inline-end"
       ]
     },
     {
@@ -486,6 +494,12 @@
       ],
       "styleDeclaration": [
         "inset"
+      ],
+      "longhands": [
+        "top",
+        "right",
+        "bottom",
+        "left"
       ]
     }
   ],

package/css-rhythm.json

@@ -156,6 +156,12 @@
       "styleDeclaration": [
         "block-step",
         "blockStep"
+      ],
+      "longhands": [
+        "block-step-size",
+        "block-step-insert",
+        "block-step-align",
+        "block-step-round"
       ]
     },
     {

package/css-scroll-snap.json

@@ -108,6 +108,12 @@
       "styleDeclaration": [
         "scroll-padding",
         "scrollPadding"
+      ],
+      "longhands": [
+        "scroll-padding-top",
+        "scroll-padding-right",
+        "scroll-padding-bottom",
+        "scroll-padding-left"
       ]
     },
     {
@@ -124,6 +130,12 @@
       "styleDeclaration": [
         "scroll-margin",
         "scrollMargin"
+      ],
+      "longhands": [
+        "scroll-margin-top",
+        "scroll-margin-right",
+        "scroll-margin-bottom",
+        "scroll-margin-left"
       ]
     },
     {
@@ -434,6 +446,10 @@
       "styleDeclaration": [
         "scroll-padding-block",
         "scrollPaddingBlock"
+      ],
+      "longhands": [
+        "scroll-padding-block-start",
+        "scroll-padding-block-end"
       ]
     },
     {
@@ -466,6 +482,10 @@
       "styleDeclaration": [
         "scroll-padding-inline",
         "scrollPaddingInline"
+      ],
+      "longhands": [
+        "scroll-padding-inline-start",
+        "scroll-padding-inline-end"
       ]
     },
     {
@@ -618,6 +638,10 @@
       "styleDeclaration": [
         "scroll-margin-block",
         "scrollMarginBlock"
+      ],
+      "longhands": [
+        "scroll-margin-block-start",
+        "scroll-margin-block-end"
       ]
     },
     {
@@ -634,6 +658,10 @@
       "styleDeclaration": [
         "scroll-margin-inline",
         "scrollMarginInline"
+      ],
+      "longhands": [
+        "scroll-margin-inline-start",
+        "scroll-margin-inline-end"
       ]
     }
   ],

package/css-sizing-4.json

@@ -459,6 +459,10 @@
       "styleDeclaration": [
         "contain-intrinsic-size",
         "containIntrinsicSize"
+      ],
+      "longhands": [
+        "contain-intrinsic-width",
+        "contain-intrinsic-height"
       ]
     },
     {

package/css-speech.json

@@ -375,6 +375,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "pause"
+      ],
+      "longhands": [
+        "pause-before",
+        "pause-after"
       ]
     },
     {
@@ -524,6 +528,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "rest"
+      ],
+      "longhands": [
+        "rest-before",
+        "rest-after"
       ]
     },
     {
@@ -589,6 +597,10 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "cue"
+      ],
+      "longhands": [
+        "cue-before",
+        "cue-after"
       ]
     },
     {

package/css-text-4.json

@@ -157,6 +157,10 @@
       "styleDeclaration": [
         "white-space",
         "whiteSpace"
+      ],
+      "longhands": [
+        "white-space-collapse",
+        "text-wrap-mode"
       ]
     },
     {
@@ -525,6 +529,10 @@
       "styleDeclaration": [
         "text-wrap",
         "textWrap"
+      ],
+      "longhands": [
+        "text-wrap-mode",
+        "text-wrap-style"
       ]
     },
     {
@@ -960,6 +968,10 @@
       "styleDeclaration": [
         "text-align",
         "textAlign"
+      ],
+      "longhands": [
+        "text-align-all",
+        "text-align-last"
       ]
     },
     {
@@ -1395,6 +1407,10 @@
       "styleDeclaration": [
         "text-spacing",
         "textSpacing"
+      ],
+      "longhands": [
+        "text-spacing-trim",
+        "text-autospace"
       ]
     },
     {

package/css-text-decor-4.json

@@ -115,7 +115,7 @@
     {
       "name": "text-decoration-thickness",
       "href": "https://drafts.csswg.org/css-text-decor-4/#propdef-text-decoration-thickness",
-      "value": "auto | from-font | <length-percentage>",
+      "value": "auto | from-font | <length-percentage> | <line-width>",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -144,6 +144,13 @@
           "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-thickness-length-percentage",
           "type": "value",
           "value": "<length-percentage>"
+        },
+        {
+          "name": "<line-width>",
+          "prose": "A length value specifies the thickness of text decoration lines as a fixed length. A percentage value specifies the thickness of text decoration lines as a percentage of 1em. The UA should round the actual value to the nearest integer device pixel, and ensure it is at least one device pixel.",
+          "href": "https://drafts.csswg.org/css-text-decor-4/#valdef-text-decoration-thickness-line-width",
+          "type": "value",
+          "value": "<line-width>"
         }
       ],
       "styleDeclaration": [
@@ -165,6 +172,12 @@
       "styleDeclaration": [
         "text-decoration",
         "textDecoration"
+      ],
+      "longhands": [
+        "text-decoration-line",
+        "text-decoration-thickness",
+        "text-decoration-style",
+        "text-decoration-color"
       ]
     },
     {
@@ -314,6 +327,12 @@
       "styleDeclaration": [
         "text-decoration-skip",
         "textDecorationSkip"
+      ],
+      "longhands": [
+        "text-decoration-skip-self",
+        "text-decoration-skip-box",
+        "text-decoration-skip-spaces",
+        "text-decoration-skip-ink"
       ]
     },
     {
@@ -597,6 +616,10 @@
       "styleDeclaration": [
         "text-emphasis",
         "textEmphasis"
+      ],
+      "longhands": [
+        "text-emphasis-style",
+        "text-emphasis-color"
       ]
     },
     {

package/css-text-decor.json

@@ -103,6 +103,12 @@
       "styleDeclaration": [
         "text-decoration",
         "textDecoration"
+      ],
+      "longhands": [
+        "text-decoration-line",
+        "text-decoration-thickness",
+        "text-decoration-style",
+        "text-decoration-color"
       ]
     },
     {
@@ -255,6 +261,10 @@
       "styleDeclaration": [
         "text-emphasis",
         "textEmphasis"
+      ],
+      "longhands": [
+        "text-emphasis-style",
+        "text-emphasis-color"
       ]
     },
     {

package/css-text.json

@@ -122,6 +122,10 @@
       "styleDeclaration": [
         "white-space",
         "whiteSpace"
+      ],
+      "longhands": [
+        "white-space-collapse",
+        "text-wrap-mode"
       ]
     },
     {
@@ -404,6 +408,10 @@
       "styleDeclaration": [
         "text-align",
         "textAlign"
+      ],
+      "longhands": [
+        "text-align-all",
+        "text-align-last"
       ]
     },
     {

package/css-transitions.json

@@ -97,6 +97,13 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "transition"
+      ],
+      "longhands": [
+        "transition-property",
+        "transition-duration",
+        "transition-timing-function",
+        "transition-delay",
+        "transition-behavior"
       ]
     }
   ],

package/css-ui.json

@@ -17,6 +17,11 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "outline"
+      ],
+      "longhands": [
+        "outline-width",
+        "outline-style",
+        "outline-color"
       ]
     },
     {
@@ -508,6 +513,11 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "caret"
+      ],
+      "longhands": [
+        "caret-color",
+        "caret-animation",
+        "caret-shape"
       ]
     },
     {
@@ -752,6 +762,10 @@
       "styleDeclaration": [
         "interest-delay",
         "interestDelay"
+      ],
+      "longhands": [
+        "interest-delay-start",
+        "interest-delay-end"
       ]
     },
     {

package/css-values.json

@@ -742,6 +742,13 @@
           "href": "https://drafts.csswg.org/css-values-4/#valdef-rounding-strategy-to-zero",
           "type": "value",
           "value": "to-zero"
+        },
+        {
+          "name": "line-width",
+          "prose": "If A is non-negative and B is omitted, A is snapped as a border width. Otherwise, identical to nearest, except that if A is positive (non-zero) and one of lower B or upper B is zero, choose the non-zero one, then snap as a border width.",
+          "href": "https://drafts.csswg.org/css-values-4/#valdef-rounding-strategy-line-width",
+          "type": "value",
+          "value": "line-width"
         }
       ]
     },

package/motion.json

@@ -208,6 +208,13 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "offset"
+      ],
+      "longhands": [
+        "offset-path",
+        "offset-distance",
+        "offset-rotate",
+        "offset-anchor",
+        "offset-position"
       ]
     }
   ],

package/package.json

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

package/pointer-animations.json

@@ -101,6 +101,10 @@
       "styleDeclaration": [
         "pointer-timeline",
         "pointerTimeline"
+      ],
+      "longhands": [
+        "pointer-timeline-name",
+        "pointer-timeline-axis"
       ]
     },
     {

package/scroll-animations.json

@@ -101,6 +101,10 @@
       "styleDeclaration": [
         "scroll-timeline",
         "scrollTimeline"
+      ],
+      "longhands": [
+        "scroll-timeline-name",
+        "scroll-timeline-axis"
       ]
     },
     {
@@ -232,6 +236,10 @@
       "styleDeclaration": [
         "view-timeline",
         "viewTimeline"
+      ],
+      "longhands": [
+        "view-timeline-name",
+        "view-timeline-axis"
       ]
     },
     {
@@ -248,6 +256,10 @@
       "styleDeclaration": [
         "animation-range",
         "animationRange"
+      ],
+      "longhands": [
+        "animation-range-start",
+        "animation-range-end"
       ]
     },
     {