shorthand-css-properties
Version:
A utility library for expanding CSS shorthand properties to their full equivalents.
2 lines (1 loc) • 3.88 kB
JavaScript
const s={animation:["-name","-duration","-timing-function","-delay","-iteration-count","-fill-mode","-play-state","-direction"],"animation-range":["-start","-end"],background:["-image","-position","-size","-repeat","-origin","-clip","-attachment","-color"],border:["-width","-style","-color"],"border-width":["border-top-width","border-right-width","border-bottom-width","border-left-width"],"border-style":["border-top-style","border-right-style","border-bottom-style","border-left-style"],"border-color":["border-top-color","border-right-color","border-bottom-color","border-left-color"],"border-block":["-width","-style","-color"],"border-block-end":["-width","-style","-color"],"border-block-start":["-width","-style","-color"],"border-bottom":["-width","-style","-color"],"border-image":["-source","-slice","-width","-outset","-repeat"],"border-inline":["-width","-style","-color"],"border-inilne-end":["-width","-style","-color"],"border-inilne-start":["-width","-style","-color"],"border-left":["-width","-style","-color"],"border-radius":["border-top-left-radius","border-top-right-radius","border-bottom-right-radius","border-bottom-left-radius"],"border-right":["-width","-style","-color"],"border-top":["-width","-style","-color"],"column-rule":["-width","-style","-color"],columns:["column-width","column-count"],"contain-intrinsic-size":["contain-intrinsic-width","contain-intrinsic-height"],container:["-name","-type"],flex:["-grow","-shrink","-basis"],"flex-flow":["flex-direction","flex-wrap"],font:["-style","-variant","-weight","-stretch","-size","line-height","-family"],"font-synthesis":["-weight","-style","-small-caps","-position"],"font-variant":["-alternates","-caps","-east-asian","-emoji","-ligatures","-numeric","-position"],gap:["column-gap","row-gap"],grid:["-template-rows","-template-columns","-template-areas","-auto-rows","-auto-columns","-auto-flow","-column-gap","-row-gap","column-gap","row-gap"],"grid-area":["grid-row-start","grid-column-start","grid-row-end","grid-column-end"],"grid-column":["-start","-end"],"grid-row":["-start","-end"],"grid-template":["-columns","-rows","-areas"],inset:["top","bottom","left","right"],"inset-block":["-start","-end"],"inset-inline":["-start","-end"],"list-style":["-type","-position","-image"],margin:["-top","-right","-bottom","-left"],"margin-block":["-start","-end"],"margin-inline":["-start","-end"],mask:["-image","-mode","-repeat","-position","-clip","-origin","-size","-composite"],"mask-border":["-mode","-outset","-repeat","-slice","-source","-width"],offset:["-position","-path","-distance","-anchor","-rotate"],outline:["-width","-style","-color"],overflow:["-x","-y"],"overscroll-behavior":["-x","-y"],padding:["-top","-right","-bottom","-left"],"padding-block":["-start","-end"],"padding-inline":["-start","-end"],"place-content":["align-content","justify-content"],"place-items":["align-items","justify-items"],"place-self":["align-self","justify-self"],"position-try":["-fallbacks","-order"],"scroll-margin":["-top","-right","-bottom","-left"],"scroll-margin-block":["-start","-end"],"scroll-margin-inline":["-start","-end"],"scroll-padding":["-top","-right","-bottom","-left"],"scroll-padding-block":["-start","-end"],"scroll-padding-inline":["-start","-end"],"scroll-timeline":["-name","-axis"],"text-decoration":["-line","-style","-color","-thickness"],"text-emphasis":["-style","-color"],"text-wrap":["-mode","-style"],transition:["-delay","-duration","-property","-timing-function","-behavior"],"view-timeline":["-name","-axis"]};class a{static isShortHand(e){return!!s[e]}static expand(e,n=""){const r=s[e];if(r){if(n==="")return r.map(o=>e+o);{const i={},o=n.split(" ").map(t=>isNaN(Number(t))?t:t+"px");return o.length!==r.length?void 0:(r.map((t,l)=>t.startsWith("-")?i[e+t]=o[l]:i[t]=o[l]),i)}}}static lastUpdated(){return"CSS Text Module Level 4"}}module.exports=a;
;