Created
January 18, 2020 21:36
-
-
Save Calvin-LL/75b84a7adaaf92adc8edb93e55d065dd to your computer and use it in GitHub Desktop.
Concentric-CSS sort order for csscomb with empty lines
This file contains 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
{ | |
"sort-order": [ | |
[ | |
"all" | |
], | |
[ | |
"box-sizing" | |
], | |
[ | |
"display", | |
"position", | |
"top", | |
"right", | |
"bottom", | |
"left" | |
], | |
[ | |
"float", | |
"clear" | |
], | |
[ | |
"flex", | |
"flex-basis", | |
"flex-direction", | |
"flex-flow,", | |
"flex-grow", | |
"flex-shrink", | |
"flex-wrap" | |
], | |
[ | |
"grid", | |
"grid-area", | |
"grid-template", | |
"grid-template-areas", | |
"grid-template-rows", | |
"grid-template-columns", | |
"grid-row", | |
"grid-row-start", | |
"grid-row-end", | |
"grid-column", | |
"grid-column-start", | |
"grid-column-end", | |
"grid-auto-rows", | |
"grid-auto-columns", | |
"grid-auto-flow", | |
"grid-gap", | |
"grid-row-gap", | |
"grid-column-gap" | |
], | |
[ | |
"align-content", | |
"align-items", | |
"align-self" | |
], | |
[ | |
"justify-content", | |
"justify-items", | |
"justify-self" | |
], | |
[ | |
"order" | |
], | |
[ | |
"columns", | |
"column-gap", | |
"column-fill", | |
"column-rule", | |
"column-rule-width", | |
"column-rule-style", | |
"column-rule-color", | |
"column-span", | |
"column-count", | |
"column-width" | |
], | |
[ | |
"backface-visibility", | |
"perspective", | |
"perspective-origin", | |
"transform", | |
"transform-origin", | |
"transform-style" | |
], | |
[ | |
"transition", | |
"transition-delay", | |
"transition-duration", | |
"transition-property", | |
"transition-timing-function" | |
], | |
[ | |
"visibility", | |
"opacity", | |
"z-index" | |
], | |
[ | |
"margin", | |
"margin-top", | |
"margin-right", | |
"margin-bottom", | |
"margin-left" | |
], | |
[ | |
"outline", | |
"outline-offset", | |
"outline-width", | |
"outline-style", | |
"outline-color" | |
], | |
[ | |
"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" | |
], | |
[ | |
"border-image", | |
"border-image-source", | |
"border-image-width", | |
"border-image-outset", | |
"border-image-repeat", | |
"border-image-slice" | |
], | |
[ | |
"box-shadow" | |
], | |
[ | |
"background", | |
"background-attachment", | |
"background-clip", | |
"background-color", | |
"background-image", | |
"background-origin", | |
"background-position", | |
"background-repeat", | |
"background-size" | |
], | |
[ | |
"cursor" | |
], | |
[ | |
"padding", | |
"padding-top", | |
"padding-right", | |
"padding-bottom", | |
"padding-left" | |
], | |
[ | |
"width", | |
"min-width", | |
"max-width" | |
], | |
[ | |
"height", | |
"min-height", | |
"max-height" | |
], | |
[ | |
"overflow", | |
"overflow-x", | |
"overflow-y", | |
"resize" | |
], | |
[ | |
"list-style", | |
"list-style-type", | |
"list-style-position", | |
"list-style-image", | |
"caption-side" | |
], | |
[ | |
"table-layout", | |
"border-collapse", | |
"border-spacing", | |
"empty-cells" | |
], | |
[ | |
"animation", | |
"animation-name", | |
"animation-duration", | |
"animation-timing-function", | |
"animation-delay", | |
"animation-iteration-count", | |
"animation-direction", | |
"animation-fill-mode", | |
"animation-play-state" | |
], | |
[ | |
"vertical-align" | |
], | |
[ | |
"direction", | |
"tab-size", | |
"text-align", | |
"text-align-last", | |
"text-justify", | |
"text-indent", | |
"text-transform", | |
"text-decoration", | |
"text-decoration-color", | |
"text-decoration-line", | |
"text-decoration-style", | |
"text-rendering", | |
"text-shadow", | |
"text-overflow" | |
], | |
[ | |
"line-height", | |
"word-spacing", | |
"letter-spacing", | |
"white-space", | |
"word-break", | |
"word-wrap", | |
"color" | |
], | |
[ | |
"font", | |
"font-family", | |
"font-size", | |
"font-size-adjust", | |
"font-stretch", | |
"font-weight", | |
"font-smoothing", | |
"osx-font-smoothing", | |
"font-variant", | |
"font-style" | |
], | |
[ | |
"content", | |
"quotes" | |
], | |
[ | |
"counter-reset", | |
"counter-increment" | |
], | |
[ | |
"page-break-before", | |
"page-break-after", | |
"page-break-inside" | |
] | |
] | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
The ordering is from https://github.com/brandon-rhodes/Concentric-CSS/blob/master/style3.css
Use with https://github.com/csscomb/csscomb.js
browser prefixes are not included because those should be added with autoprefixer or similar tools