@webref/css 8.3.0 → 8.4.0

package/css.json

@@ -562,6 +562,12 @@
       "syntax": "@left-top { <declaration-list> };",
       "extended": []
     },
+    {
+      "name": "@macro",
+      "href": "https://drafts.csswg.org/css-mixins-1/#macro-rule",
+      "descriptors": [],
+      "extended": []
+    },
     {
       "name": "@media",
       "prose": "The @media rule is a conditional group rule whose condition is a media query. Its syntax is:",
@@ -855,7 +861,7 @@
       "name": "@mixin",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
       "descriptors": [],
-      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> }",
+      "syntax": "@mixin <function-token> <function-parameter>#? ) { <declaration-rule-list> } | @mixin <dashed-ident> { <declaration-rule-list> }",
       "extended": []
     },
     {
@@ -905,6 +911,14 @@
           "computedValue": "as specified",
           "syntax": "none | [ crop || cross ]"
         },
+        {
+          "name": "page-margin-safety",
+          "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-margin-safety",
+          "for": "@page",
+          "initial": "auto",
+          "computedValue": "as specified",
+          "syntax": "none | clamp | add"
+        },
         {
           "name": "page-orientation",
           "href": "https://drafts.csswg.org/css-page-3/#descdef-page-page-orientation",
@@ -3630,7 +3644,7 @@
     },
     {
       "name": "animation-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-animation-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-animation-trigger",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -6399,7 +6413,7 @@
         "column-gap",
         "columnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -7957,14 +7971,14 @@
     },
     {
       "name": "event-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
       "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
       "animationType": "not animatable",
+      "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "event-trigger",
         "eventTrigger"
@@ -7974,7 +7988,7 @@
     },
     {
       "name": "event-trigger-name",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-name",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-name",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -7991,7 +8005,7 @@
     },
     {
       "name": "event-trigger-source",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-event-trigger-source",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-event-trigger-source",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -9210,7 +9224,7 @@
         "grid-column-gap",
         "gridColumnGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9291,7 +9305,7 @@
         "grid-row-gap",
         "gridRowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -9522,6 +9536,23 @@
       "syntax": "none | manual | auto",
       "extended": []
     },
+    {
+      "name": "image-animation",
+      "href": "https://drafts.csswg.org/css-image-animation-1/#propdef-image-animation",
+      "initial": "normal",
+      "appliesTo": "content images and elements with decorative images",
+      "inherited": "yes",
+      "percentages": "n/a",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "discrete",
+      "styleDeclaration": [
+        "image-animation",
+        "imageAnimation"
+      ],
+      "syntax": "normal | paused | running",
+      "extended": []
+    },
     {
       "name": "image-orientation",
       "href": "https://drafts.csswg.org/css-images-3/#propdef-image-orientation",
@@ -12859,7 +12890,7 @@
         "row-gap",
         "rowGap"
       ],
-      "syntax": "normal | <length-percentage [0,∞]>",
+      "syntax": "normal | <length-percentage [0,∞]> | <line-width>",
       "extended": []
     },
     {
@@ -15166,7 +15197,7 @@
         "text-decoration-thickness",
         "textDecorationThickness"
       ],
-      "syntax": "auto | from-font | <length-percentage>",
+      "syntax": "auto | from-font | <length-percentage> | <line-width>",
       "extended": []
     },
     {
@@ -15557,7 +15588,7 @@
     },
     {
       "name": "timeline-trigger",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15572,15 +15603,15 @@
       "longhands": [
         "timeline-trigger-name",
         "timeline-trigger-source",
-        "timeline-trigger-range",
-        "timeline-trigger-exit-range"
+        "timeline-trigger-activation-range",
+        "timeline-trigger-active-range"
       ],
-      "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-range'> [ '/' <'timeline-trigger-exit-range'> ]? ]#",
+      "syntax": "none | [ <'timeline-trigger-name'> <'timeline-trigger-source'> <'timeline-trigger-activation-range'> [ '/' <'timeline-trigger-active-range'> ]? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range",
+      "name": "timeline-trigger-activation-range",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15589,20 +15620,20 @@
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "timeline-trigger-exit-range",
-        "timelineTriggerExitRange"
+        "timeline-trigger-activation-range",
+        "timelineTriggerActivationRange"
       ],
       "longhands": [
-        "timeline-trigger-exit-range-start",
-        "timeline-trigger-exit-range-end"
+        "timeline-trigger-activation-range-start",
+        "timeline-trigger-activation-range-end"
       ],
-      "syntax": "[ <'timeline-trigger-exit-range-start'> <'timeline-trigger-exit-range-end'>? ]#",
+      "syntax": "[ <'timeline-trigger-activation-range-start'> <'timeline-trigger-activation-range-end'>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-end",
-      "initial": "auto",
+      "name": "timeline-trigger-activation-range-end",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-end",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15610,16 +15641,16 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-exit-range-end",
-        "timelineTriggerExitRangeEnd"
+        "timeline-trigger-activation-range-end",
+        "timelineTriggerActivationRangeEnd"
       ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-exit-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-exit-range-start",
-      "initial": "auto",
+      "name": "timeline-trigger-activation-range-start",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-activation-range-start",
+      "initial": "normal",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15627,32 +15658,15 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-exit-range-start",
-        "timelineTriggerExitRangeStart"
-      ],
-      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
-      "extended": []
-    },
-    {
-      "name": "timeline-trigger-name",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-name",
-      "initial": "none",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "as specified",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "timeline-trigger-name",
-        "timelineTriggerName"
+        "timeline-trigger-activation-range-start",
+        "timelineTriggerActivationRangeStart"
       ],
-      "syntax": "none | <dashed-ident>#",
+      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range",
+      "name": "timeline-trigger-active-range",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -15661,20 +15675,20 @@
       "animationType": "see individual properties",
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
-        "timeline-trigger-range",
-        "timelineTriggerRange"
+        "timeline-trigger-active-range",
+        "timelineTriggerActiveRange"
       ],
       "longhands": [
-        "timeline-trigger-range-start",
-        "timeline-trigger-range-end"
+        "timeline-trigger-active-range-start",
+        "timeline-trigger-active-range-end"
       ],
-      "syntax": "[ <'timeline-trigger-range-start'> <'timeline-trigger-range-end'>? ]#",
+      "syntax": "[ <'timeline-trigger-active-range-start'> <'timeline-trigger-active-range-end'>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range-end",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-end",
-      "initial": "normal",
+      "name": "timeline-trigger-active-range-end",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-end",
+      "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15682,16 +15696,16 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-range-end",
-        "timelineTriggerRangeEnd"
+        "timeline-trigger-active-range-end",
+        "timelineTriggerActiveRangeEnd"
       ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
       "extended": []
     },
     {
-      "name": "timeline-trigger-range-start",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-range-start",
-      "initial": "normal",
+      "name": "timeline-trigger-active-range-start",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-active-range-start",
+      "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
@@ -15699,15 +15713,32 @@
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "styleDeclaration": [
-        "timeline-trigger-range-start",
-        "timelineTriggerRangeStart"
+        "timeline-trigger-active-range-start",
+        "timelineTriggerActiveRangeStart"
       ],
-      "syntax": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "syntax": "[ auto | normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
+      "extended": []
+    },
+    {
+      "name": "timeline-trigger-name",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-name",
+      "initial": "none",
+      "appliesTo": "all elements",
+      "inherited": "no",
+      "percentages": "N/A",
+      "computedValue": "as specified",
+      "canonicalOrder": "per grammar",
+      "animationType": "not animatable",
+      "styleDeclaration": [
+        "timeline-trigger-name",
+        "timelineTriggerName"
+      ],
+      "syntax": "none | <dashed-ident>#",
       "extended": []
     },
     {
       "name": "timeline-trigger-source",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-timeline-trigger-source",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-timeline-trigger-source",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -15953,7 +15984,7 @@
     },
     {
       "name": "trigger-scope",
-      "href": "https://drafts.csswg.org/css-animations-2/#propdef-trigger-scope",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#propdef-trigger-scope",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -17025,6 +17056,13 @@
       "syntax": ":after",
       "extended": []
     },
+    {
+      "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.",
+      "href": "https://drafts.csswg.org/css-image-animation-1/#selectordef-animated-image",
+      "syntax": ":animated-image",
+      "extended": []
+    },
     {
       "name": ":any-link",
       "prose": "The :any-link pseudo-class represents an element that acts as the source anchor of a hyperlink. For example, in [HTML5], any a or area elements with an href attribute are hyperlinks, and thus match :any-link. It matches an element if the element would match either :link or :visited, and is equivalent to :is(:link, :visited).",
@@ -17874,7 +17912,7 @@
     {
       "name": "animation-action",
       "prose": "The possible <animation-action> values, and what effect they have in each animation state:",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-animation-action",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-animation-action",
       "extended": []
     },
     {
@@ -18250,7 +18288,7 @@
     {
       "name": "color-function",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-color-function",
-      "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()>",
+      "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <ictcp()> | <jzazbz()> | <jzczhz()> | <alpha()> | <color()> | <hdr-color()>",
       "extended": []
     },
     {
@@ -18761,8 +18799,8 @@
     },
     {
       "name": "event-trigger-event",
-      "href": "https://drafts.csswg.org/css-animations-2/#typedef-event-trigger-event",
-      "syntax": "activate | click | touch | dblclick | keypress(<string>) | ...",
+      "href": "https://drafts.csswg.org/animation-triggers-1/#typedef-event-trigger-event",
+      "syntax": "activate | interest | click | touch | dblclick | keypress(<string>) | ...",
       "extended": []
     },
     {
@@ -19412,7 +19450,7 @@
     {
       "name": "line-width",
       "href": "https://drafts.csswg.org/css-borders-4/#typedef-line-width",
-      "syntax": "<length [0,∞]> | thin | medium | thick",
+      "syntax": "<length [0,∞]> | hairline | thin | medium | thick",
       "extended": []
     },
     {
@@ -20271,6 +20309,12 @@
       "href": "https://drafts.csswg.org/css-syntax-3/#typedef-rule-list",
       "extended": []
     },
+    {
+      "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",
+      "extended": []
+    },
     {
       "name": "scope-end",
       "prose": "<scope-end> is a <selector-list> selector used to identify any scoping limits.",

package/package.json

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