Created
January 29, 2019 12:57
-
-
Save Vterebenin/74407ac40d6e4bdb4d5b323d4d51247a to your computer and use it in GitHub Desktop.
1. Установить postCSS sorting в VS code. 2.В файл настроек VS code вставить этот фрагмент. (0.0.1b не работает с препроцессорами)
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
| { | |
| // ЗДЕСЬ КАКИЕ ЛИБО ВАШИ НАСТРОЙКИ | |
| //postcss sorting | |
| "postcssSorting.config": { | |
| "order": [ | |
| "custom-properties", | |
| "dollar-variables", | |
| "declarations", | |
| "at-rules", | |
| "rules" | |
| ], | |
| "properties-order": [ | |
| // PADDINGS, MARGINS, BORDER | |
| "padding", | |
| "padding-block", | |
| "padding-block-end", | |
| "padding-block-start", | |
| "padding-bottom", | |
| "padding-inline", | |
| "padding-inline-end", | |
| "padding-inline-start", | |
| "padding-left", | |
| "padding-right", | |
| "padding-top", | |
| "margin", | |
| "margin-block", | |
| "margin-block-end", | |
| "margin-block-start", | |
| "margin-bottom", | |
| "margin-inline", | |
| "margin-inline-end", | |
| "margin-inline-start", | |
| "margin-left", | |
| "margin-right", | |
| "margin-top", | |
| "border", | |
| "border-block", | |
| "border-block-color", | |
| "border-block-end", | |
| "border-block-end-color", | |
| "border-block-end-style", | |
| "border-block-end-width", | |
| "border-block-start", | |
| "border-block-start-color", | |
| "border-block-start-style", | |
| "border-block-start-width", | |
| "border-block-style", | |
| "border-block-width", | |
| "border-bottom", | |
| "border-bottom-color", | |
| "border-bottom-left-radius", | |
| "border-bottom-right-radius", | |
| "border-bottom-style", | |
| "border-bottom-width", | |
| "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-color", | |
| "border-inline-end", | |
| "border-inline-end-color", | |
| "border-inline-end-style", | |
| "border-inline-end-width", | |
| "border-inline-start", | |
| "border-inline-start-color", | |
| "border-inline-start-style", | |
| "border-inline-start-width", | |
| "border-inline-style", | |
| "border-inline-width", | |
| "border-left", | |
| "border-left-color", | |
| "border-left-style", | |
| "border-left-width", | |
| "border-radius", | |
| "border-right", | |
| "border-right-color", | |
| "border-right-style", | |
| "border-right-width", | |
| "border-spacing", | |
| "border-start-end-radius", | |
| "border-start-start-radius", | |
| "border-style", | |
| "border-top", | |
| "border-top-color", | |
| "border-top-left-radius", | |
| "border-top-right-radius", | |
| "border-top-style", | |
| "border-top-width", | |
| "border-width", | |
| //BOX MODEL | |
| "display", | |
| "vertical-align", | |
| "align-content", | |
| "align-self", | |
| "block-size", | |
| "max-width", | |
| "width", | |
| "min-width", | |
| "max-height", | |
| "height", | |
| "min-height", | |
| "box-sizing", | |
| "inline-size", | |
| "visibility", | |
| "min-inline-size", | |
| "min-block-size", | |
| "writing-mode", | |
| "object-fit", | |
| "object-position", | |
| "backface-visibility", | |
| "direction", | |
| "caption-side", | |
| "empty-cells", | |
| "tab-size", | |
| "table-layout", | |
| "list-style", | |
| "list-style-image", | |
| "list-style-position", | |
| "list-style-type", | |
| "clip", | |
| "clip-path", | |
| "column-count", | |
| "column-fill", | |
| "column-gap", | |
| "row-gap", | |
| "column-rule", | |
| "column-rule-color", | |
| "column-rule-style", | |
| "column-rule-width", | |
| "column-span", | |
| "column-width", | |
| "columns", | |
| "flex", | |
| "flex-basis", | |
| "flex-direction", | |
| "flex-flow", | |
| "flex-grow", | |
| "flex-shrink", | |
| "flex-wrap", | |
| "align-items", | |
| "justify-content", | |
| "justify-items", | |
| "justify-self", | |
| "order", | |
| "place-content", | |
| "place-items", | |
| "float", | |
| "clear", | |
| "grid", | |
| "grid-area", | |
| "grid-auto-columns", | |
| "grid-auto-flow", | |
| "grid-auto-rows", | |
| "grid-column", | |
| "grid-column-end", | |
| "grid-column-start", | |
| "grid-row", | |
| "grid-row-end", | |
| "grid-row-start", | |
| "grid-template", | |
| "grid-template-areas", | |
| "grid-template-columns", | |
| "grid-template-rows", | |
| "overflow", | |
| "overflow-wrap", | |
| "overflow-x", | |
| "overflow-y", | |
| "image-orientation", | |
| "image-rendering", | |
| "perspective", | |
| "perspective-origin", | |
| "inset-block", | |
| "inset-block-end", | |
| "inset-block-start", | |
| "inset-inline", | |
| "inset-inline-end", | |
| "inset-inline-start", | |
| // POSITION | |
| "position", | |
| "top", | |
| "bottom", | |
| "left", | |
| "right", | |
| "z-index", | |
| // DECOR | |
| "background", | |
| "background-attachment", | |
| "background-blend-mode", | |
| "background-clip", | |
| "background-color", | |
| "background-image", | |
| "background-origin", | |
| "background-position", | |
| "background-repeat", | |
| "background-size", | |
| "box-shadow", | |
| "opacity", | |
| "filter", | |
| "mix-blend-mode", | |
| "resize", | |
| "revert", | |
| "rotate", | |
| "scale", | |
| "isolation", | |
| "shape-image-threshold", | |
| "shape-margin", | |
| "shape-outside", | |
| "mask", | |
| "mask-clip", | |
| "mask-composite", | |
| "mask-image", | |
| "mask-mode", | |
| "mask-origin", | |
| "mask-position", | |
| "mask-repeat", | |
| "mask-size", | |
| "mask-type", | |
| "box-decoration-break", | |
| "break-after", | |
| "break-before", | |
| "break-inside", | |
| "outline", | |
| "outline-color", | |
| "outline-offset", | |
| "outline-style", | |
| "outline-width", | |
| "page-break-after", | |
| "page-break-before", | |
| "page-break-inside", | |
| // FONTS, TEXT & COLOR | |
| "font", | |
| "font-family", | |
| "font-feature-settings", | |
| "font-kerning", | |
| "font-language-override", | |
| "font-optical-sizing", | |
| "font-size", | |
| "font-size-adjust", | |
| "font-stretch", | |
| "font-style", | |
| "font-synthesis", | |
| "font-variant", | |
| "font-variant-alternates", | |
| "font-variant-caps", | |
| "font-variant-east-asian", | |
| "font-variant-ligatures", | |
| "font-variant-numeric", | |
| "font-variant-position", | |
| "font-weight", | |
| "text-align", | |
| "text-align-last", | |
| "text-combine-upright", | |
| "text-decoration", | |
| "text-decoration-color", | |
| "text-decoration-line", | |
| "text-decoration-style", | |
| "text-emphasis", | |
| "text-emphasis-color", | |
| "text-emphasis-position", | |
| "text-emphasis-style", | |
| "text-indent", | |
| "text-justify", | |
| "text-orientation", | |
| "text-overflow", | |
| "text-rendering", | |
| "text-shadow", | |
| "text-transform", | |
| "text-underline-position", | |
| "letter-spacing", | |
| "line-break", | |
| "line-height", | |
| "hanging-punctuation", | |
| "content", | |
| "counter-increment", | |
| "counter-reset", | |
| "all", | |
| "caret-color", | |
| "color-adjust", | |
| "word-break", | |
| "word-spacing", | |
| "word-wrap", | |
| "quotes", | |
| "hyphens", | |
| "orphans", | |
| "color", | |
| // TRANSFORM | |
| "transform", | |
| "transform-box", | |
| "transform-origin", | |
| "transform-style", | |
| "transition", | |
| "translate", | |
| // Animations | |
| "animation", | |
| "animation-delay", | |
| "animation-direction", | |
| "animation-duration", | |
| "animation-fill-mode", | |
| "animation-iteration-count", | |
| "animation-name", | |
| "animation-play-state", | |
| "animation-timing-function", | |
| "transition-delay", | |
| "transition-duration", | |
| "transition-property", | |
| "transition-timing-function", | |
| // E.T.C | |
| "cursor", | |
| "scroll-behavior", | |
| "scroll-margin", | |
| "scroll-margin-block", | |
| "scroll-margin-block-end", | |
| "scroll-margin-block-start", | |
| "scroll-margin-bottom", | |
| "scroll-margin-inline", | |
| "scroll-margin-inline-end", | |
| "scroll-margin-inline-start", | |
| "scroll-margin-left", | |
| "scroll-margin-right", | |
| "scroll-margin-top", | |
| "scroll-padding", | |
| "scroll-padding-block", | |
| "scroll-padding-block-end", | |
| "scroll-padding-block-start", | |
| "scroll-padding-bottom", | |
| "scroll-padding-inline", | |
| "scroll-padding-inline-end", | |
| "scroll-padding-inline-start", | |
| "scroll-padding-left", | |
| "scroll-padding-right", | |
| "scroll-padding-top", | |
| "scroll-snap-align", | |
| "scroll-snap-stop", | |
| "scroll-snap-type", | |
| "scrollbar-color", | |
| "scrollbar-width", | |
| "pointer-events", | |
| "touch-action", | |
| "unicode-bidi", | |
| "white-space", | |
| "widows", | |
| "will-change", | |
| ] | |
| } | |
| //END | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment