Skip to content

Instantly share code, notes, and snippets.

@annabranco
Created November 11, 2018 14:42
Show Gist options
  • Save annabranco/e2050c6f57a98448ef9c5b13d0cd24e9 to your computer and use it in GitHub Desktop.
Save annabranco/e2050c6f57a98448ef9c5b13d0cd24e9 to your computer and use it in GitHub Desktop.
Configurations for PostCSS Sorting plugin
"postcssSorting.config": {
"order": [
"custom-properties",
"dollar-variables",
{
"type" : "at-rule",
"name" : "include",
},
{
"type" : "at-rule",
"name" : "include",
"hasBlock" : true
},
"declarations",
{
"type" : "rule",
"selector" : /^&/
},
{
"type" : "rule",
"selector" : /^&:\w+$/
},
{
"type" : "rule",
"selector" : /^&: : \w+$/
},
{
"type" : "at-rule",
"name" : "media"
}
],
"properties-order": [
"order",
"z-index",
"position",
"top",
"bottom",
"left",
"right",
"content",
"visibility",
"backface-visibility",
"opacity",
"filter",
"mix-blend-mode",
"transform",
"transform-style",
"perspective",
"display",
"flex-direction",
"flex-flow",
"justify-content",
"align-items",
"align-content",
"flex-basis",
"flex-wrap",
"flex-grow",
"flex-shrink",
"grid",
"grid-template",
"grid-template-columns",
"grid-auto-columns",
"grid-template-rows",
"grid-auto-rows",
"grid-template-areas",
"grid-auto-flow",
"grid-gap",
"outline",
"outline-width",
"outline-style",
"outline-color",
"outline-offset",
"border",
"border-top",
"border-right",
"border-bottom",
"border-left",
"border-radius",
"border-collapse",
"margin",
"margin-top",
"margin-right",
"margin-bottom",
"margin-left",
"background",
"background-image",
"background-color",
"background-position",
"background-size",
"background-repeat",
"background-origin",
"background-clip",
"background-attachment",
"max-height",
"min-height",
"height",
"max-width",
"min-width",
"width",
"resize",
"box-sizing",
"overflow",
"overflow-x",
"overflow-y",
"scroll-behavior",
"object-fit",
"object-position",
"float",
"padding",
"padding-top",
"padding-right",
"padding-bottom",
"padding-left",
"empty-cells",
"list-style",
"list-style-image",
"list-style-type",
"list-style-position",
"text-indent",
"word-break",
"word-wrap",
"word-spacing",
"text-overflow",
"hyphens",
"white-space",
"text-decoration",
"vertical-align",
"text-transform",
"letter-spacing",
"direction",
"text-shadow",
"font",
"font-style",
"font-family",
"font-size",
"line-height",
"font-weight",
"font-stretch",
"font-kerning",
"font-variant",
"color",
"cursor",
"pointer-events",
"transition",
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay",
"animation",
"animation-name",
"animation-duration",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction",
"animation-fill-mode",
"animation-play-state"
],
"unspecified-properties-position" : "bottom"
}
@toni-css
Copy link

My settings sync extension doesn't like selector settings in 'declarations' , also my vs code shows it in red...

Can you help me?

}, "declarations", { "type" : "rule", "selector" : /^&/ }, { "type" : "rule", "selector" : /^&:\w+$/ }, { "type" : "rule", "selector" : /^&: : \w+$/ }, { "type" : "at-rule", "name" : "media" }

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment