Created
November 11, 2018 14:42
-
-
Save annabranco/e2050c6f57a98448ef9c5b13d0cd24e9 to your computer and use it in GitHub Desktop.
Configurations for PostCSS Sorting plugin
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
"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" | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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" }