Skip to content

Instantly share code, notes, and snippets.

@OksanaRomaniv
Last active May 10, 2018 14:47
Show Gist options
  • Save OksanaRomaniv/feee40c585708d79ffea99b8896551e0 to your computer and use it in GitHub Desktop.
Save OksanaRomaniv/feee40c585708d79ffea99b8896551e0 to your computer and use it in GitHub Desktop.
postcssSorting.config using SMACSS properties order. Object can be used in package.json, VS Code settings.json etc.
// https://github.com/hudochenkov/postcss-sorting
// https://smacss.com/book/formatting
// https://github.com/mrmlnc/vscode-postcss-sorting
{
"postcssSorting.config": {
"order": [
"custom-properties",
"dollar-variables",
"declarations",
"at-rules",
"rules"
],
"properties-order": [
"display",
"position",
"top",
"right",
"bottom",
"left",
"width",
"min-width",
"max-width",
"height",
"min-height",
"max-height",
"margin",
"margin-top",
"margin-right",
"margin-bottom",
"margin-left",
"padding",
"padding-top",
"padding-right",
"padding-bottom",
"padding-left",
"float",
"clear",
"columns",
"column-gap",
"column-fill",
"column-rule",
"column-span",
"column-count",
"column-width",
"transform",
"transition",
"border",
"border-top",
"border-right",
"border-bottom",
"border-left",
"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-radius",
"border-top-left-radius",
"border-top-right-radius",
"border-bottom-left-radius",
"border-bottom-right-radius",
"border-color",
"border-top-color",
"border-right-color",
"border-bottom-color",
"border-left-color",
"outline",
"outline-color",
"outline-offset",
"outline-style",
"outline-width",
"background",
"background-color",
"background-image",
"background-repeat",
"background-position",
"background-size",
"cursor",
"color",
"font",
"font-family",
"font-size",
"font-smoothing",
"font-style",
"font-variant",
"font-weight",
"letter-spacing",
"line-height",
"list-style",
"text-align",
"text-decoration",
"text-indent",
"text-overflow",
"text-rendering",
"text-shadow",
"text-transform",
"text-wrap",
"white-space",
"word-spacing",
"border-collapse",
"border-spacing",
"box-shadow",
"caption-side",
"content",
"cursor",
"empty-cells",
"opacity",
"overflow",
"quotes",
"speak",
"table-layout",
"vertical-align",
"visibility",
"z-index",
],
"unspecified-properties-position": "bottom"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment