Skip to content

Instantly share code, notes, and snippets.

@Yimiprod
Last active May 15, 2020 15:03
Show Gist options
  • Save Yimiprod/c9dadba643d54c56c660a80755b3deaf to your computer and use it in GitHub Desktop.
Save Yimiprod/c9dadba643d54c56c660a80755b3deaf to your computer and use it in GitHub Desktop.
smacss definition for scss-lint and csscomb
{
"exclude": [
".git/**",
"node_modules/**"
],
"remove-empty-rulesets": true,
"always-semicolon": true,
"color-case": "lower",
"block-indent": " ",
"color-shorthand": false,
"element-case": "lower",
"eof-newline": true,
"leading-zero": true,
"quotes": "single",
"sort-order-fallback": "abc",
"space-before-colon": "",
"space-after-colon": " ",
"space-before-combinator": " ",
"space-after-combinator": " ",
"space-between-declarations": "\n",
"space-before-opening-brace": " ",
"space-after-opening-brace": "\n",
"space-after-selector-delimiter": "\n",
"space-before-selector-delimiter": "",
"space-before-closing-brace": "\n",
"strip-spaces": true,
"tab-size": true,
"unitless-zero": true,
"vendor-prefix-align": true,
"sort-order": [
[
"$variable"
],
[
"content",
"hyphens",
"quotes"
],
[
"display",
"visibility"
],
[
"position",
"z-index",
"top",
"right",
"bottom",
"left"
],
[
"box-sizing"
],
[
"flex",
"flex-basis",
"flex-direction",
"flex-flow",
"flex-grow",
"flex-shrink",
"flex-wrap",
"align-content",
"align-items",
"align-self",
"justify-content",
"order"
],
[
"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"
],
[
"float",
"clear"
],
[
"overflow",
"overflow-x",
"overflow-y"
],
[
"clip",
"zoom"
],
[
"columns",
"column-gap",
"column-fill",
"column-rule",
"column-span",
"column-count",
"column-width"
],
[
"table-layout",
"empty-cells",
"caption-side",
"border-spacing",
"border-collapse",
"list-style",
"list-style-position",
"list-style-type",
"list-style-image"
],
[
"transform",
"transform-origin",
"transform-style",
"backface-visibility",
"perspective",
"perspective-origin"
],
[
"transition",
"transition-property",
"transition-duration",
"transition-timing-function",
"transition-delay"
],
[
"animation",
"animation-name",
"animation-duration",
"animation-play-state",
"animation-timing-function",
"animation-delay",
"animation-iteration-count",
"animation-direction"
],
[
"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"
],
[
"outline",
"outline-color",
"outline-offset",
"outline-style",
"outline-width"
],
[
"stroke-width",
"stroke-linecap",
"stroke-dasharray",
"stroke-dashoffset",
"stroke"
],
[
"opacity"
],
[
"background",
"background-color",
"background-image",
"background-repeat",
"background-position",
"background-size",
"box-shadow"
],
[
"fill"
],
[
"color"
],
[
"font",
"font-family",
"font-size",
"font-size-adjust",
"font-stretch",
"font-effect",
"font-smooth",
"font-smoothing",
"font-style",
"font-variant",
"font-weight"
],
[
"font-emphasize",
"font-emphasize-position",
"font-emphasize-style"
],
[
"letter-spacing",
"line-height",
"list-style",
"word-spacing"
],
[
"text-align",
"text-align-last",
"text-decoration",
"text-indent",
"text-justify",
"text-overflow",
"text-overflow-ellipsis",
"text-overflow-mode",
"text-rendering",
"text-outline",
"text-shadow",
"text-transform",
"text-wrap",
"word-wrap",
"word-break"
],
[
"text-emphasis",
"text-emphasis-color",
"text-emphasis-style",
"text-emphasis-position"
],
[
"vertical-align",
"white-space",
"word-spacing"
],
[
"tab-size",
"counter-reset",
"counter-increment",
"resize",
"cursor",
"pointer-events",
"speak",
"user-select",
"nav-index",
"nav-up",
"nav-right",
"nav-down",
"nav-left"
],
[
"$include"
]
]
}
# Default application configuration that all configurations inherit from.
scss_files: "src/Lv/**/*.scss"
exclude: "./node_modules/**/*"
plugin_directories: ['.scss-linters']
# List of gem names to load custom linters from (make sure they are already
# installed)
plugin_gems: []
# Default severity of all linters.
severity: warning
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
BemDepth:
enabled: false
max_elements: 1
BorderZero:
enabled: true
convention: zero # or `none`
ChainedClasses:
enabled: false
ColorKeyword:
enabled: true
ColorVariable:
enabled: true
Comment:
enabled: true
style: silent
DebugStatement:
enabled: true
DeclarationOrder:
enabled: true
DisableLinterReason:
enabled: false
DuplicateProperty:
enabled: true
ElsePlacement:
enabled: true
style: same_line # or 'new_line'
EmptyLineBetweenBlocks:
enabled: true
ignore_single_line_blocks: true
EmptyRule:
enabled: true
ExtendDirective:
enabled: false
FinalNewline:
enabled: true
present: true
HexLength:
enabled: true
style: short # or 'long'
HexNotation:
enabled: true
style: lowercase # or 'uppercase'
HexValidation:
enabled: true
IdSelector:
enabled: true
ImportantRule:
enabled: true
ImportPath:
enabled: true
leading_underscore: false
filename_extension: false
Indentation:
enabled: true
allow_non_nested_indentation: false
character: space # or 'tab'
width: 2
LeadingZero:
enabled: true
style: exclude_zero # or 'include_zero'
MergeableSelector:
enabled: true
force_nesting: true
NameFormat:
enabled: true
allow_leading_underscore: true
convention: hyphenated_lowercase # or 'camel_case', or 'snake_case', or a regex pattern
NestingDepth:
enabled: true
max_depth: 3
ignore_parent_selectors: false
PlaceholderInExtend:
enabled: true
PrivateNamingConvention:
enabled: false
prefix: _
PropertyCount:
enabled: false
include_nested: false
max_properties: 10
PropertySortOrder:
enabled: true
ignore_unspecified: false
min_properties: 2
separate_groups: false
order:
- content
- hyphens
- quotes
-
- display
- visibility
-
- position
- z-index
- top
- right
- bottom
- left
-
- box-sizing
-
- flex
- flex-basis
- flex-direction
- flex-flow
- flex-grow
- flex-shrink
- flex-wrap
- align-content
- align-items
- align-self
- justify-content
- order
-
- 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
-
- float
- clear
-
- overflow
- overflow-x
- overflow-y
-
- clip
- zoom
-
- columns
- column-gap
- column-fill
- column-rule
- column-span
- column-count
- column-width
-
- table-layout
- empty-cells
- caption-side
- border-spacing
- border-collapse
- list-style
- list-style-position
- list-style-type
- list-style-image
-
- transform
- transform-origin
- transform-style
- backface-visibility
- perspective
- perspective-origin
-
- transition
- transition-property
- transition-duration
- transition-timing-function
- transition-delay
-
- animation
- animation-name
- animation-duration
- animation-play-state
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
-
- 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
-
- outline
- outline-color
- outline-offset
- outline-style
- outline-width
-
- stroke-width
- stroke-linecap
- stroke-dasharray
- stroke-dashoffset
- stroke
-
- opacity
-
- background
- background-color
- background-image
- background-repeat
- background-position
- background-size
- box-shadow
-
- fill
-
- color
-
- font
- font-family
- font-size
- font-size-adjust
- font-stretch
- font-effect
- font-smooth
- font-smoothing
- font-style
- font-variant
- font-weight
-
- font-emphasize
- font-emphasize-position
- font-emphasize-style
-
- letter-spacing
- line-height
- list-style
- word-spacing
-
- text-align
- text-align-last
- text-decoration
- text-indent
- text-justify
- text-overflow
- text-overflow-ellipsis
- text-overflow-mode
- text-rendering
- text-outline
- text-shadow
- text-transform
- text-wrap
- word-wrap
- word-break
-
- text-emphasis
- text-emphasis-color
- text-emphasis-style
- text-emphasis-position
-
- vertical-align
- white-space
- word-spacing
-
- tab-size
- counter-reset
- counter-increment
- resize
- cursor
- pointer-events
- speak
- user-select
- nav-index
- nav-up
- nav-right
- nav-down
- nav-left
PropertySpelling:
enabled: true
extra_properties: []
disabled_properties: []
PropertyUnits:
enabled: true
global: [
'ch', 'em', 'ex', 'rem', # Font-relative lengths
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
'deg', 'grad', 'rad', 'turn', # Angle
'ms', 's', # Duration
'Hz', 'kHz', # Frequency
'dpi', 'dpcm', 'dppx', # Resolution
'%'] # Other
properties: {}
PseudoElement:
enabled: true
QualifyingElement:
enabled: true
allow_element_with_attribute: false
allow_element_with_class: false
allow_element_with_id: false
SelectorDepth:
enabled: true
max_depth: 3
SelectorFormat:
enabled: false
convention: hyphenated_lowercase # or 'strict_BEM', or 'hyphenated_BEM', or 'snake_case', or 'camel_case', or a regex pattern
Shorthand:
enabled: true
allowed_shorthands: [1, 2, 3, 4]
SingleLinePerProperty:
enabled: true
allow_single_line_rule_sets: true
SingleLinePerSelector:
enabled: true
SpaceAfterComma:
enabled: true
style: one_space # or 'no_space', or 'at_least_one_space'
SpaceAfterComment:
enabled: false
style: one_space # or 'no_space', or 'at_least_one_space'
allow_empty_comments: true
SpaceAfterPropertyColon:
enabled: true
style: one_space # or 'no_space', or 'at_least_one_space', or 'aligned'
SpaceAfterPropertyName:
enabled: true
SpaceAfterVariableColon:
enabled: false
style: one_space # or 'no_space', 'at_least_one_space' or 'one_space_or_newline'
SpaceAfterVariableName:
enabled: true
SpaceAroundOperator:
enabled: true
style: one_space # or 'at_least_one_space', or 'no_space'
SpaceBeforeBrace:
enabled: true
style: space # or 'new_line'
allow_single_line_padding: false
SpaceBetweenParens:
enabled: true
spaces: 0
StringQuotes:
enabled: true
style: single_quotes # or double_quotes
TrailingSemicolon:
enabled: true
TrailingWhitespace:
enabled: true
TrailingZero:
enabled: false
TransitionAll:
enabled: false
UnnecessaryMantissa:
enabled: true
UnnecessaryParentReference:
enabled: true
UrlFormat:
enabled: true
UrlQuotes:
enabled: true
VariableForProperty:
enabled: false
properties: []
VendorPrefix:
enabled: true
identifier_list: base
additional_identifiers: []
excluded_identifiers: []
ZeroUnit:
enabled: true
Compass::*:
enabled: false
@tucq88
Copy link

tucq88 commented Oct 27, 2017

Other csscomb.json version for ones who don't like spaces

{
  "exclude": [
    ".git/**",
    "node_modules/**"
  ],
  "remove-empty-rulesets": true,
  "always-semicolon": true,
  "color-case": "lower",
  "block-indent": "  ",
  "color-shorthand": false,
  "element-case": "lower",
  "eof-newline": true,
  "leading-zero": true,
  "quotes": "single",
  "sort-order-fallback": "abc",
  "space-before-colon": "",
  "space-after-colon": " ",
  "space-before-combinator": " ",
  "space-after-combinator": " ",
  "space-between-declarations": "\n",
  "space-before-opening-brace": " ",
  "space-after-opening-brace": "\n",
  "space-after-selector-delimiter": "\n",
  "space-before-selector-delimiter": "",
  "space-before-closing-brace": "\n",
  "strip-spaces": true,
  "tab-size": true,
  "unitless-zero": true,
  "vendor-prefix-align": true,
  "sort-order": [
    "$variable",
    "content",
    "hyphens",
    "quotes",
    "display",
    "visibility",
    "position",
    "z-index",
    "top",
    "right",
    "bottom",
    "left",
    "box-sizing",
    "flex",
    "flex-basis",
    "flex-direction",
    "flex-flow",
    "flex-grow",
    "flex-shrink",
    "flex-wrap",
    "align-content",
    "align-items",
    "align-self",
    "justify-content",
    "order",
    "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",
    "float",
    "clear",
    "overflow",
    "overflow-x",
    "overflow-y",
    "clip",
    "zoom",
    "columns",
    "column-gap",
    "column-fill",
    "column-rule",
    "column-span",
    "column-count",
    "column-width",
    "table-layout",
    "empty-cells",
    "caption-side",
    "border-spacing",
    "border-collapse",
    "list-style",
    "list-style-position",
    "list-style-type",
    "list-style-image",
    "transform",
    "transform-origin",
    "transform-style",
    "backface-visibility",
    "perspective",
    "perspective-origin",
    "transition",
    "transition-property",
    "transition-duration",
    "transition-timing-function",
    "transition-delay",
    "animation",
    "animation-name",
    "animation-duration",
    "animation-play-state",
    "animation-timing-function",
    "animation-delay",
    "animation-iteration-count",
    "animation-direction",
    "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",
    "outline",
    "outline-color",
    "outline-offset",
    "outline-style",
    "outline-width",
    "stroke-width",
    "stroke-linecap",
    "stroke-dasharray",
    "stroke-dashoffset",
    "stroke",
    "opacity",
    "background",
    "background-color",
    "background-image",
    "background-repeat",
    "background-position",
    "background-size",
    "box-shadow",
    "fill",
    "color",
    "font",
    "font-family",
    "font-size",
    "font-size-adjust",
    "font-stretch",
    "font-effect",
    "font-smooth",
    "font-smoothing",
    "font-style",
    "font-variant",
    "font-weight",
    "font-emphasize",
    "font-emphasize-position",
    "font-emphasize-style",
    "letter-spacing",
    "line-height",
    "list-style",
    "word-spacing",
    "text-align",
    "text-align-last",
    "text-decoration",
    "text-indent",
    "text-justify",
    "text-overflow",
    "text-overflow-ellipsis",
    "text-overflow-mode",
    "text-rendering",
    "text-outline",
    "text-shadow",
    "text-transform",
    "text-wrap",
    "word-wrap",
    "word-break",
    "text-emphasis",
    "text-emphasis-color",
    "text-emphasis-style",
    "text-emphasis-position",
    "vertical-align",
    "white-space",
    "word-spacing",
    "tab-size",
    "counter-reset",
    "counter-increment",
    "resize",
    "cursor",
    "pointer-events",
    "speak",
    "user-select",
    "nav-index",
    "nav-up",
    "nav-right",
    "nav-down",
    "nav-left",
    "$include"
  ]
}

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