templates/scss-lint.yml
exclude: ['bower_components/**', 'build/**', 'node_modules/**', 'styleguide/**', 'coverage/**', 'vendor/**']
linters:
Compass::*:
enabled: false
DuplicateProperty:
enabled: false
LeadingZero:
enabled: false
MergeableSelector:
enabled: false
NameFormat:
enabled: true
convention: ^(([A-Z][a-z]*)+$|(([A-Z][a-z]*)+|u|is|js)(-|--)([a-z]+([a-z]|[A-Z])*)+|(([A-Z][a-z]*)+|u|is|js)(-|--)([a-z]+([a-z]|[A-Z])*)+(--[a-z]+([a-z]|[A-Z])*)+)|[ng]-(\w)+(-(\w)*)*$
convention_explanation: Use SuitCSS components' naming convention (https://github.com/suitcss/suit/blob/master/doc/README.md)
variable_convention: ^.+$
mixin_convention: ^.+$
placeholder_convention: ^.+$
function_convention: ^.+$
PropertySortOrder:
order:
- content
- counter-increment
- counter-reset
- counter-set
- quotes
-
- position
- top
- right
- bottom
- left
- offset-before
- offset-after
- offset-start
- offset-end
- z-index
-
- align-self
- order
- flex
- flex-grow
- flex-shrink
- flex-basis
- display
- flex-flow
- flex-direction
- flex-wrap
- align-content
- align-items
- justify-content
- box-sizing
- visibility
- float
- clear
- width
- height
- max-width
- max-height
- min-width
- min-height
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- overflow
- overflow-x
- overflow-x
- resize
-
- background
- background-attachment
- background-color
- background-image
- background-position
- background-repeat
- background-size
- border
- border-top
- border-right
- border-bottom
- border-left
- border-collapse
- border-color
- border-top-color
- border-right-color
- border-bottom-color
- border-left-color
- border-image
- border-spacing
- border-style
- border-top-style
- border-right-style
- border-bottom-style
- border-left-style
- border-width
- border-top-width
- border-right-width
- border-bottom-width
- border-left-width
- border-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
- border-top-left-radius
- border-radius-topright
- border-radius-bottomright
- border-radius-bottomleft
- border-radius-topleft
- box-shadow
- caret-color
- clip
- color
- cursor
- fill
- list-style
- list-style-image
- list-style-position
- list-style-type
- marker-side
- opacity
- outline
- outline-offset
- pointer-events
- stroke
-
- alignment-adjust
- alignment-baseline
- baseline-shift
- dominant-baseline
- drop-initial-after-adjust
- drop-initial-after-align
- drop-initial-before-adjust
- drop-initial-before-align
- drop-initial-size
- drop-initial-value
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-size
- font-size-adjust
- font-smoothing
- 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
- hanging-punctuation
- hyphens
- inline-box-align
- letter-spacing
- line-break
- line-height
- line-stacking
- line-stacking-ruby
- line-stacking-shift
- line-stacking-strategy
- overflow-wrap
- tab-size
- text-align
- text-align-last
- text-decoration
- text-emphasis
- text-height
- text-indent
- text-justify
- text-overflow
- text-rendering
- text-shadow
- text-size-adjust
- text-transform
- vertical-align
- white-space
- word-break
- word-spacing
- word-wrap
-
- backface-visibility
- perspective
- perspective-origin
- transform
- transform-origin
- transform-style
-
- animation
- animation-delay
- animation-duration
- animation-iteration-count
- animation-name
- animation-play-state
- animation-timing-function
- animation-fill-mode
- transition
- transition-delay
- transition-duration
- transition-property
- transition-timing-function
separate_groups: true
SelectorFormat:
enabled: true
convention: ^(([A-Z][a-z]*)+$|(([A-Z][a-z]*)+|u|is|js)(-|--)([a-z]+([a-z]|[A-Z])*)+|(([A-Z][a-z]*)+|u|is|js)(-|--)([a-z]+([a-z]|[A-Z])*)+(--[a-z]+([a-z]|[A-Z])*)+)|[ng]-(\w)+(-(\w)*)*$
convention_explanation: Use SuitCSS components' naming convention (https://github.com/suitcss/suit/blob/master/doc/README.md)
ignored_types: ["attribute", "element", "pseudo-selector"]
SingleLinePerProperty:
enabled: true
allow_single_line_rule_sets: false
VariableForProperty:
enabled: true
properties:
- color
- font