postcss-merge-longhand
Version:
Merge longhand properties into shorthand with PostCSS.
434 lines (433 loc) • 9.43 kB
JSON
{
"sides": ["top", "right", "bottom", "left"],
"borderComponents": ["width", "style", "color"],
"shorthands": {
"border": {
"longhands": ["border-width", "border-style", "border-color"],
"resets": [
"border-image-source",
"border-image-slice",
"border-image-width",
"border-image-outset",
"border-image-repeat",
"border-image"
]
},
"border-width": {
"longhands": [
"border-top-width",
"border-right-width",
"border-bottom-width",
"border-left-width"
],
"resets": []
},
"border-style": {
"longhands": [
"border-top-style",
"border-right-style",
"border-bottom-style",
"border-left-style"
],
"resets": []
},
"border-color": {
"longhands": [
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color"
],
"resets": []
},
"border-top": {
"longhands": ["border-top-width", "border-top-style", "border-top-color"],
"resets": []
},
"border-right": {
"longhands": [
"border-right-width",
"border-right-style",
"border-right-color"
],
"resets": []
},
"border-bottom": {
"longhands": [
"border-bottom-width",
"border-bottom-style",
"border-bottom-color"
],
"resets": []
},
"border-left": {
"longhands": [
"border-left-width",
"border-left-style",
"border-left-color"
],
"resets": []
},
"margin": {
"longhands": [
"margin-top",
"margin-right",
"margin-bottom",
"margin-left"
],
"resets": []
},
"padding": {
"longhands": [
"padding-top",
"padding-right",
"padding-bottom",
"padding-left"
],
"resets": []
},
"columns": {
"longhands": ["column-width", "column-count", "column-height"],
"resets": []
}
},
"initialValues": {
"border-bottom-color": "currentcolor",
"border-bottom-style": "none",
"border-bottom-width": "medium",
"border-color": "currentcolor",
"border-left-color": "currentcolor",
"border-left-style": "none",
"border-left-width": "medium",
"border-right-color": "currentcolor",
"border-right-style": "none",
"border-right-width": "medium",
"border-style": "none",
"border-top-color": "currentcolor",
"border-top-style": "none",
"border-top-width": "medium",
"border-width": "medium",
"column-count": "auto",
"column-height": "auto",
"column-width": "auto",
"margin-bottom": "0",
"margin-left": "0",
"margin-right": "0",
"margin-top": "0",
"padding-bottom": "0",
"padding-left": "0",
"padding-right": "0",
"padding-top": "0"
},
"borderProperties": [
"border",
"border-block",
"border-block-clip",
"border-block-color",
"border-block-end",
"border-block-end-clip",
"border-block-end-color",
"border-block-end-radius",
"border-block-end-style",
"border-block-end-width",
"border-block-start",
"border-block-start-clip",
"border-block-start-color",
"border-block-start-radius",
"border-block-start-style",
"border-block-start-width",
"border-block-style",
"border-block-width",
"border-bottom",
"border-bottom-clip",
"border-bottom-color",
"border-bottom-left-radius",
"border-bottom-radius",
"border-bottom-right-radius",
"border-bottom-style",
"border-bottom-width",
"border-boundary",
"border-clip",
"border-collapse",
"border-color",
"border-end-end-radius",
"border-end-start-radius",
"border-image",
"border-image-outset",
"border-image-repeat",
"border-image-slice",
"border-image-source",
"border-image-width",
"border-inline",
"border-inline-clip",
"border-inline-color",
"border-inline-end",
"border-inline-end-clip",
"border-inline-end-color",
"border-inline-end-radius",
"border-inline-end-style",
"border-inline-end-width",
"border-inline-start",
"border-inline-start-clip",
"border-inline-start-color",
"border-inline-start-radius",
"border-inline-start-style",
"border-inline-start-width",
"border-inline-style",
"border-inline-width",
"border-left",
"border-left-clip",
"border-left-color",
"border-left-radius",
"border-left-style",
"border-left-width",
"border-limit",
"border-radius",
"border-right",
"border-right-clip",
"border-right-color",
"border-right-radius",
"border-right-style",
"border-right-width",
"border-shape",
"border-spacing",
"border-start-end-radius",
"border-start-start-radius",
"border-style",
"border-top",
"border-top-clip",
"border-top-color",
"border-top-left-radius",
"border-top-radius",
"border-top-right-radius",
"border-top-style",
"border-top-width",
"border-width"
],
"flowRelativeBorderProperties": [
"border-block",
"border-block-clip",
"border-block-color",
"border-block-end",
"border-block-end-clip",
"border-block-end-color",
"border-block-end-radius",
"border-block-end-style",
"border-block-end-width",
"border-block-start",
"border-block-start-clip",
"border-block-start-color",
"border-block-start-radius",
"border-block-start-style",
"border-block-start-width",
"border-block-style",
"border-block-width",
"border-end-end-radius",
"border-end-start-radius",
"border-inline",
"border-inline-clip",
"border-inline-color",
"border-inline-end",
"border-inline-end-clip",
"border-inline-end-color",
"border-inline-end-radius",
"border-inline-end-style",
"border-inline-end-width",
"border-inline-start",
"border-inline-start-clip",
"border-inline-start-color",
"border-inline-start-radius",
"border-inline-start-style",
"border-inline-start-width",
"border-inline-style",
"border-inline-width",
"border-start-end-radius",
"border-start-start-radius"
],
"cssWideKeywords": ["initial", "inherit", "unset", "revert", "revert-layer"],
"lineStyles": [
"none",
"hidden",
"dotted",
"dashed",
"solid",
"double",
"groove",
"ridge",
"inset",
"outset"
],
"lineWidthKeywords": ["thin", "medium", "thick"],
"namedColors": [
"aliceblue",
"antiquewhite",
"aqua",
"aquamarine",
"azure",
"beige",
"bisque",
"black",
"blanchedalmond",
"blue",
"blueviolet",
"brown",
"burlywood",
"cadetblue",
"chartreuse",
"chocolate",
"coral",
"cornflowerblue",
"cornsilk",
"crimson",
"cyan",
"darkblue",
"darkcyan",
"darkgoldenrod",
"darkgray",
"darkgreen",
"darkgrey",
"darkkhaki",
"darkmagenta",
"darkolivegreen",
"darkorange",
"darkorchid",
"darkred",
"darksalmon",
"darkseagreen",
"darkslateblue",
"darkslategray",
"darkslategrey",
"darkturquoise",
"darkviolet",
"deeppink",
"deepskyblue",
"dimgray",
"dimgrey",
"dodgerblue",
"firebrick",
"floralwhite",
"forestgreen",
"fuchsia",
"gainsboro",
"ghostwhite",
"gold",
"goldenrod",
"gray",
"green",
"greenyellow",
"grey",
"honeydew",
"hotpink",
"indianred",
"indigo",
"ivory",
"khaki",
"lavender",
"lavenderblush",
"lawngreen",
"lemonchiffon",
"lightblue",
"lightcoral",
"lightcyan",
"lightgoldenrodyellow",
"lightgray",
"lightgreen",
"lightgrey",
"lightpink",
"lightsalmon",
"lightseagreen",
"lightskyblue",
"lightslategray",
"lightslategrey",
"lightsteelblue",
"lightyellow",
"lime",
"limegreen",
"linen",
"magenta",
"maroon",
"mediumaquamarine",
"mediumblue",
"mediumorchid",
"mediumpurple",
"mediumseagreen",
"mediumslateblue",
"mediumspringgreen",
"mediumturquoise",
"mediumvioletred",
"midnightblue",
"mintcream",
"mistyrose",
"moccasin",
"navajowhite",
"navy",
"oldlace",
"olive",
"olivedrab",
"orange",
"orangered",
"orchid",
"palegoldenrod",
"palegreen",
"paleturquoise",
"palevioletred",
"papayawhip",
"peachpuff",
"peru",
"pink",
"plum",
"powderblue",
"purple",
"rebeccapurple",
"red",
"rosybrown",
"royalblue",
"saddlebrown",
"salmon",
"sandybrown",
"seagreen",
"seashell",
"sienna",
"silver",
"skyblue",
"slateblue",
"slategray",
"slategrey",
"snow",
"springgreen",
"steelblue",
"tan",
"teal",
"thistle",
"tomato",
"turquoise",
"violet",
"wheat",
"white",
"whitesmoke",
"yellow",
"yellowgreen",
"transparent"
],
"colorFunctions": [
"color",
"color-hdr",
"color-mix",
"contrast-color",
"device-cmyk",
"hdr-color",
"hsl",
"hsla",
"hwb",
"ictcp",
"jzazbz",
"jzczhz",
"lab",
"lch",
"light-dark",
"oklab",
"oklch",
"rgb",
"rgba"
]
}