Created
July 5, 2014 08:35
-
-
Save GaryJones/c1fc8f0243406b9190c8 to your computer and use it in GitHub Desktop.
CSScomb config file
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
{ | |
"exclude": ["node_modules/**", "vendor/**"], | |
"verbose": true, | |
"always-semicolon": true, | |
"block-indent": "\t", | |
"colon-space": [0, 1], | |
"color-case": "lower", | |
"color-shorthand": true, | |
"combinator-space": [1, 1], | |
"element-case": "lower", | |
"eof-newline": true, | |
"leading-zero": true, | |
"quotes": "double", | |
"remove-empty-rulesets": true, | |
"rule-indent": "\t", | |
"stick-brace": 1, | |
"strip-spaces": true, | |
"unitless-zero": true, | |
"vendor-prefix-align": false, | |
"sort-order": [ | |
"$variable", | |
"$include", | |
"display", | |
"visibility", | |
"float", | |
"clear", | |
"overflow", | |
"overflow-x", | |
"overflow-y", | |
"-ms-overflow-x", | |
"-ms-overflow-y", | |
"clip", | |
"zoom", | |
"flex-direction", | |
"flex-order", | |
"flex-pack", | |
"flex-align", | |
"position", | |
"z-index", | |
"top", | |
"right", | |
"bottom", | |
"left", | |
"-webkit-box-sizing", | |
"-moz-box-sizing", | |
"box-sizing", | |
"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", | |
"border", | |
"border-width", | |
"border-style", | |
"border-color", | |
"border-top", | |
"border-top-width", | |
"border-top-style", | |
"border-top-color", | |
"border-right", | |
"border-right-width", | |
"border-right-style", | |
"border-right-color", | |
"border-bottom", | |
"border-bottom-width", | |
"border-bottom-style", | |
"border-bottom-color", | |
"border-left", | |
"border-left-width", | |
"border-left-style", | |
"border-left-color", | |
"-webkit-border-radius", | |
"-moz-border-radius", | |
"border-radius", | |
"-webkit-border-top-left-radius", | |
"-moz-border-radius-topleft", | |
"border-top-left-radius", | |
"-webkit-border-top-right-radius", | |
"-moz-border-radius-topright", | |
"border-top-right-radius", | |
"-webkit-border-bottom-right-radius", | |
"-moz-border-radius-bottomright", | |
"border-bottom-right-radius", | |
"-webkit-border-bottom-left-radius", | |
"-moz-border-radius-bottomleft", | |
"border-bottom-left-radius", | |
"-webkit-border-image", | |
"-moz-border-image", | |
"-o-border-image", | |
"border-image", | |
"-webkit-border-image-source", | |
"-moz-border-image-source", | |
"-o-border-image-source", | |
"border-image-source", | |
"-webkit-border-image-slice", | |
"-moz-border-image-slice", | |
"-o-border-image-slice", | |
"border-image-slice", | |
"-webkit-border-image-width", | |
"-moz-border-image-width", | |
"-o-border-image-width", | |
"border-image-width", | |
"-webkit-border-image-outset", | |
"-moz-border-image-outset", | |
"-o-border-image-outset", | |
"border-image-outset", | |
"-webkit-border-image-repeat", | |
"-moz-border-image-repeat", | |
"-o-border-image-repeat", | |
"border-image-repeat", | |
"table-layout", | |
"empty-cells", | |
"caption-side", | |
"border-spacing", | |
"border-collapse", | |
"outline", | |
"outline-width", | |
"outline-style", | |
"outline-color", | |
"outline-offset", | |
"opacity", | |
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", | |
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", | |
"-ms-interpolation-mode", | |
"color", | |
"background", | |
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", | |
"background-color", | |
"background-image", | |
"background-repeat", | |
"background-attachment", | |
"background-position", | |
"background-position-x", | |
"-ms-background-position-x", | |
"background-position-y", | |
"-ms-background-position-y", | |
"-webkit-background-clip", | |
"-moz-background-clip", | |
"background-clip", | |
"background-origin", | |
"-webkit-background-size", | |
"-moz-background-size", | |
"-o-background-size", | |
"background-size", | |
"box-decoration-break", | |
"-webkit-box-shadow", | |
"-moz-box-shadow", | |
"box-shadow", | |
"filter:progid:DXImageTransform.Microsoft.gradient", | |
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", | |
"text-shadow", | |
"font", | |
"font-family", | |
"font-size", | |
"font-weight", | |
"font-style", | |
"font-variant", | |
"font-size-adjust", | |
"font-stretch", | |
"font-effect", | |
"font-emphasize", | |
"font-emphasize-position", | |
"font-emphasize-style", | |
"font-smooth", | |
"line-height", | |
"text-align", | |
"-webkit-text-align-last", | |
"-moz-text-align-last", | |
"-ms-text-align-last", | |
"text-align-last", | |
"vertical-align", | |
"white-space", | |
"text-decoration", | |
"text-emphasis", | |
"text-emphasis-color", | |
"text-emphasis-style", | |
"text-emphasis-position", | |
"text-indent", | |
"-ms-text-justify", | |
"text-justify", | |
"letter-spacing", | |
"word-spacing", | |
"-ms-writing-mode", | |
"text-outline", | |
"text-transform", | |
"text-wrap", | |
"text-overflow", | |
"-ms-text-overflow", | |
"text-overflow-ellipsis", | |
"text-overflow-mode", | |
"-ms-word-wrap", | |
"word-wrap", | |
"word-break", | |
"-ms-word-break", | |
"-moz-tab-size", | |
"-o-tab-size", | |
"tab-size", | |
"-webkit-hyphens", | |
"-moz-hyphens", | |
"hyphens", | |
"list-style", | |
"list-style-position", | |
"list-style-type", | |
"list-style-image", | |
"content", | |
"quotes", | |
"counter-reset", | |
"counter-increment", | |
"resize", | |
"cursor", | |
"-webkit-user-select", | |
"-moz-user-select", | |
"-ms-user-select", | |
"user-select", | |
"nav-index", | |
"nav-up", | |
"nav-right", | |
"nav-down", | |
"nav-left", | |
"-webkit-transition", | |
"-moz-transition", | |
"-ms-transition", | |
"-o-transition", | |
"transition", | |
"-webkit-transition-delay", | |
"-moz-transition-delay", | |
"-ms-transition-delay", | |
"-o-transition-delay", | |
"transition-delay", | |
"-webkit-transition-timing-function", | |
"-moz-transition-timing-function", | |
"-ms-transition-timing-function", | |
"-o-transition-timing-function", | |
"transition-timing-function", | |
"-webkit-transition-duration", | |
"-moz-transition-duration", | |
"-ms-transition-duration", | |
"-o-transition-duration", | |
"transition-duration", | |
"-webkit-transition-property", | |
"-moz-transition-property", | |
"-ms-transition-property", | |
"-o-transition-property", | |
"transition-property", | |
"-webkit-transform", | |
"-moz-transform", | |
"-ms-transform", | |
"-o-transform", | |
"transform", | |
"-webkit-transform-origin", | |
"-moz-transform-origin", | |
"-ms-transform-origin", | |
"-o-transform-origin", | |
"transform-origin", | |
"-webkit-animation", | |
"-moz-animation", | |
"-ms-animation", | |
"-o-animation", | |
"animation", | |
"-webkit-animation-name", | |
"-moz-animation-name", | |
"-ms-animation-name", | |
"-o-animation-name", | |
"animation-name", | |
"-webkit-animation-duration", | |
"-moz-animation-duration", | |
"-ms-animation-duration", | |
"-o-animation-duration", | |
"animation-duration", | |
"-webkit-animation-play-state", | |
"-moz-animation-play-state", | |
"-ms-animation-play-state", | |
"-o-animation-play-state", | |
"animation-play-state", | |
"-webkit-animation-timing-function", | |
"-moz-animation-timing-function", | |
"-ms-animation-timing-function", | |
"-o-animation-timing-function", | |
"animation-timing-function", | |
"-webkit-animation-delay", | |
"-moz-animation-delay", | |
"-ms-animation-delay", | |
"-o-animation-delay", | |
"animation-delay", | |
"-webkit-animation-iteration-count", | |
"-moz-animation-iteration-count", | |
"-ms-animation-iteration-count", | |
"-o-animation-iteration-count", | |
"animation-iteration-count", | |
"-webkit-animation-direction", | |
"-moz-animation-direction", | |
"-ms-animation-direction", | |
"-o-animation-direction", | |
"animation-direction", | |
"pointer-events" | |
] | |
} |
Gary, question: I've added your configuration to ST3 and here's an example of the output:
.site-inner,
.wrap {
max-width: 1140px;
margin: 0 auto;
}
Indenting the closing brace is driving me a bit mad because I never have mine indented (habit and program behavior). I've tried different values for the space-before-closing-brace
as that's my best guess for the culprit, but nothing changes it for the better, as I definitely do want it on a new line. Are you encountering this as well, or am I looking in the wrong place for the culprit, or is this just expected? Or ? TIA
@robincornett for ST3 I use:
{
"config": {
"always-semicolon": true,
"block-indent": "\t",
"color-case": "lower",
"color-shorthand": true,
"element-case": "lower",
"eof-newline": true,
"leading-zero": false,
"quotes": "double",
"remove-empty-rulesets": false,
"space-after-colon": " ",
"space-after-combinator": " ",
"space-after-opening-brace": "\n",
"space-after-selector-delimiter": "\n",
"space-after-declaration": "",
"space-before-closing-brace": "\n",
"space-before-colon": "",
"space-before-combinator": " ",
"space-before-opening-brace": " ",
"space-before-selector-delimiter": "",
"space-between-declarations": "\n",
"strip-spaces": true,
"unitless-zero": true,
"vendor-prefix-align": false,
// Sort properties in particular order.
"sort-order": [
...
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Im using Sass with Bourbon and Neat, would using CSScomb be ok with that to your knowledge?