@webref/css 6.23.28 → 6.24.0

package/SVG.json

@@ -263,6 +263,11 @@
       "animationType": "discrete",
       "styleDeclaration": [
         "marker"
+      ],
+      "longhands": [
+        "marker-start",
+        "marker-mid",
+        "marker-end"
       ]
     },
     {

package/compat.json

@@ -74,6 +74,10 @@
         "-webkit-text-stroke",
         "WebkitTextStroke",
         "webkitTextStroke"
+      ],
+      "longhands": [
+        "-webkit-text-stroke-width",
+        "-webkit-text-stroke-color"
       ]
     },
     {
@@ -223,7 +227,18 @@
         "WebkitAnimation",
         "webkitAnimation"
       ],
-      "value": "<single-animation>#"
+      "value": "<single-animation>#",
+      "longhands": [
+        "animation-name",
+        "animation-duration",
+        "animation-timing-function",
+        "animation-delay",
+        "animation-iteration-count",
+        "animation-direction",
+        "animation-fill-mode",
+        "animation-play-state",
+        "animation-timeline"
+      ]
     },
     {
       "name": "-webkit-backface-visibility",
@@ -322,7 +337,13 @@
         "WebkitBorderRadius",
         "webkitBorderRadius"
       ],
-      "value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?"
+      "value": "<length-percentage [0,∞]>{1,4} [ / <length-percentage [0,∞]>{1,4} ]?",
+      "longhands": [
+        "border-top-left-radius",
+        "border-top-right-radius",
+        "border-bottom-right-radius",
+        "border-bottom-left-radius"
+      ]
     },
     {
       "name": "-webkit-box-shadow",
@@ -333,7 +354,14 @@
         "WebkitBoxShadow",
         "webkitBoxShadow"
       ],
-      "value": "<spread-shadow>#"
+      "value": "<spread-shadow>#",
+      "longhands": [
+        "box-shadow-color",
+        "box-shadow-offset",
+        "box-shadow-blur",
+        "box-shadow-spread",
+        "box-shadow-position"
+      ]
     },
     {
       "name": "-webkit-box-sizing",
@@ -355,7 +383,12 @@
         "WebkitFlex",
         "webkitFlex"
       ],
-      "value": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]"
+      "value": "none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]",
+      "longhands": [
+        "flex-grow",
+        "flex-shrink",
+        "flex-basis"
+      ]
     },
     {
       "name": "-webkit-flex-basis",
@@ -388,7 +421,11 @@
         "WebkitFlexFlow",
         "webkitFlexFlow"
       ],
-      "value": "<'flex-direction'> || <'flex-wrap'>"
+      "value": "<'flex-direction'> || <'flex-wrap'>",
+      "longhands": [
+        "flex-direction",
+        "flex-wrap"
+      ]
     },
     {
       "name": "-webkit-flex-grow",
@@ -454,7 +491,17 @@
         "WebkitMask",
         "webkitMask"
       ],
-      "value": "<mask-layer>#"
+      "value": "<mask-layer>#",
+      "longhands": [
+        "mask-image",
+        "mask-position",
+        "mask-size",
+        "mask-repeat",
+        "mask-origin",
+        "mask-clip",
+        "mask-composite",
+        "mask-mode"
+      ]
     },
     {
       "name": "-webkit-mask-box-image",
@@ -465,7 +512,15 @@
         "WebkitMaskBoxImage",
         "webkitMaskBoxImage"
       ],
-      "value": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>"
+      "value": "<'mask-border-source'> || <'mask-border-slice'> [ / <'mask-border-width'>? [ / <'mask-border-outset'> ]? ]? || <'mask-border-repeat'> || <'mask-border-mode'>",
+      "longhands": [
+        "mask-border-source",
+        "mask-border-slice",
+        "mask-border-width",
+        "mask-border-outset",
+        "mask-border-repeat",
+        "mask-border-mode"
+      ]
     },
     {
       "name": "-webkit-mask-box-image-outset",
@@ -718,7 +773,14 @@
         "WebkitTransition",
         "webkitTransition"
       ],
-      "value": "<single-transition>#"
+      "value": "<single-transition>#",
+      "longhands": [
+        "transition-property",
+        "transition-duration",
+        "transition-timing-function",
+        "transition-delay",
+        "transition-behavior"
+      ]
     },
     {
       "name": "-webkit-text-size-adjust",

package/css-align.json

@@ -82,6 +82,10 @@
       "styleDeclaration": [
         "place-content",
         "placeContent"
+      ],
+      "longhands": [
+        "align-content",
+        "justify-content"
       ]
     },
     {
@@ -190,6 +194,10 @@
       "styleDeclaration": [
         "place-self",
         "placeSelf"
+      ],
+      "longhands": [
+        "align-self",
+        "justify-self"
       ]
     },
     {
@@ -261,6 +269,10 @@
       "styleDeclaration": [
         "place-items",
         "placeItems"
+      ],
+      "longhands": [
+        "align-items",
+        "justify-items"
       ]
     },
     {
@@ -335,6 +347,10 @@
       ],
       "styleDeclaration": [
         "gap"
+      ],
+      "longhands": [
+        "row-gap",
+        "column-gap"
       ]
     },
     {
@@ -365,7 +381,11 @@
         "grid-gap",
         "gridGap"
       ],
-      "value": "<'row-gap'> <'column-gap'>?"
+      "value": "<'row-gap'> <'column-gap'>?",
+      "longhands": [
+        "row-gap",
+        "column-gap"
+      ]
     }
   ],
   "atrules": [],

package/css-anchor-position.json

@@ -491,6 +491,10 @@
       "styleDeclaration": [
         "position-try",
         "positionTry"
+      ],
+      "longhands": [
+        "position-try-order",
+        "position-try-fallbacks"
       ]
     },
     {

package/css-animations-2.json

@@ -185,6 +185,10 @@
       "styleDeclaration": [
         "timeline-trigger-range",
         "timelineTriggerRange"
+      ],
+      "longhands": [
+        "timeline-trigger-range-start",
+        "timeline-trigger-range-end"
       ]
     },
     {
@@ -242,6 +246,10 @@
       "styleDeclaration": [
         "timeline-trigger-exit-range",
         "timelineTriggerExitRange"
+      ],
+      "longhands": [
+        "timeline-trigger-exit-range-start",
+        "timeline-trigger-exit-range-end"
       ]
     },
     {
@@ -317,6 +325,12 @@
       "styleDeclaration": [
         "timeline-trigger",
         "timelineTrigger"
+      ],
+      "longhands": [
+        "timeline-trigger-name",
+        "timeline-trigger-source",
+        "timeline-trigger-range",
+        "timeline-trigger-exit-range"
       ]
     },
     {

package/css-animations.json

@@ -271,6 +271,17 @@
       "animationType": "not animatable",
       "styleDeclaration": [
         "animation"
+      ],
+      "longhands": [
+        "animation-name",
+        "animation-duration",
+        "animation-timing-function",
+        "animation-delay",
+        "animation-iteration-count",
+        "animation-direction",
+        "animation-fill-mode",
+        "animation-play-state",
+        "animation-timeline"
       ]
     }
   ],

package/css-backgrounds-4.json

@@ -451,6 +451,10 @@
       "styleDeclaration": [
         "background-position",
         "backgroundPosition"
+      ],
+      "longhands": [
+        "background-position-x",
+        "background-position-y"
       ]
     },
     {
@@ -583,6 +587,16 @@
       "canonicalOrder": "per grammar",
       "styleDeclaration": [
         "background"
+      ],
+      "longhands": [
+        "background-image",
+        "background-position",
+        "background-size",
+        "background-repeat",
+        "background-attachment",
+        "background-origin",
+        "background-clip",
+        "background-color"
       ]
     }
   ],

package/css-backgrounds.json

@@ -209,6 +209,10 @@
       "styleDeclaration": [
         "background-position",
         "backgroundPosition"
+      ],
+      "longhands": [
+        "background-position-x",
+        "background-position-y"
       ]
     },
     {
@@ -348,6 +352,16 @@
       "animationType": "see individual properties",
       "styleDeclaration": [
         "background"
+      ],
+      "longhands": [
+        "background-image",
+        "background-position",
+        "background-size",
+        "background-repeat",
+        "background-attachment",
+        "background-origin",
+        "background-clip",
+        "background-color"
       ]
     }
   ],