scss-lint.yml

# Default application configuration that all configurations inherit from.

scss_files: "./src/sass/**/*.scss"
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: true

  ColorKeyword:
    enabled: true

  ColorVariable:
    enabled: false

  Comment:
    enabled: false
    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: false
    ignore_single_line_blocks: true

  EmptyRule:
    enabled: true

  ExtendDirective:
    enabled: false

  FinalNewline:
    enabled: false
    present: true

  HexLength:
    enabled: true
    style: short # or 'long'

  HexNotation:
    enabled: true
    style: lowercase # or 'uppercase'

  HexValidation:
    enabled: true

  IdSelector:
    enabled: true

  ImportantRule:
    enabled: false

  ImportPath:
    enabled: true
    leading_underscore: false
    filename_extension: false

  Indentation:
    enabled: false
    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: false
    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
        - position
        - top
        - right
        - bottom
        - left
        - z-index
        - display
        - "-webkit-flex"
        - "-ms-flex"
        - flex
        - "-webkit-flex-grow"
        - flex-grow
        - "-webkit-flex-shrink"
        - flex-shrink
        - "-webkit-flex-basis"
        - flex-basis
        - "-webkit-flex-flow"
        - flex-flow
        - "-webkit-flex-direction"
        - "-ms-flex-direction"
        - flex-direction
        - "-webkit-flex-wrap"
        - flex-wrap
        - "-webkit-justify-content"
        - justify-content
        - "-webkit-align-content"
        - align-content
        - "-webkit-align-items"
        - align-items
        - "-webkit-order"
        - "-ms-flex-order"
        - order
        - "-ms-grid-row-align"
        - "-webkit-align-self"
        - align-self
        - "-ms-grid-column-align"
        - justify-self
        - grid
        - grid-area
        - grid-auto-columns
        - grid-auto-flow
        - grid-auto-rows
        - grid-column
        - grid-column-end
        - "-ms-grid-column-span"
        - grid-column-gap
        - "-ms-grid-column"
        - grid-column-start
        - grid-gap
        - grid-row
        - grid-row-end
        - "-ms-grid-row-span"
        - grid-row-gap
        - "-ms-grid-row"
        - grid-row-start
        - grid-template
        - grid-template-areas
        - "-ms-grid-columns"
        - grid-template-columns
        - "-ms-grid-rows"
        - grid-template-rows
        - float
        - clear
        - "-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
        - overflow
        - "-ms-overflow-x"
        - overflow-x
        - "-ms-overflow-y"
        - overflow-y
        - "-webkit-overflow-scrolling"
        - "-ms-overflow-style"
        - list-style
        - list-style-position
        - list-style-type
        - list-style-image
        - border-collapse
        - border-spacing
        - table-layout
        - empty-cells
        - caption-side
        - font
        - font-weight
        - font-size
        - line-height
        - font-family
        - vertical-align
        - text-align
        - direction
        - color
        - text-transform
        - text-decoration
        - font-style
        - font-variant
        - font-size-adjust
        - font-stretch
        - font-effect
        - font-emphasize
        - font-emphasize-position
        - font-emphasize-style
        - "-webkit-font-smoothing"
        - "-moz-osx-font-smoothing"
        - font-smooth
        - "-webkit-text-align-last"
        - "-moz-text-align-last"
        - "-ms-text-align-last"
        - text-align-last
        - letter-spacing
        - word-spacing
        - white-space
        - text-emphasis
        - text-emphasis-color
        - text-emphasis-style
        - text-emphasis-position
        - text-indent
        - "-ms-text-justify"
        - text-justify
        - "-ms-writing-mode"
        - text-outline
        - text-wrap
        - "-ms-text-overflow"
        - text-overflow
        - text-overflow-ellipsis
        - text-overflow-mode
        - text-orientation
        - "-ms-word-wrap"
        - word-wrap
        - "-ms-word-break"
        - word-break
        - "-moz-tab-size"
        - "-o-tab-size"
        - overflow-wrap
        - tab-size
        - "-webkit-hyphens"
        - "-moz-hyphens"
        - hyphens
        - unicode-bidi
        - columns
        - column-count
        - column-fill
        - column-gap
        - column-rule
        - column-rule-color
        - column-rule-style
        - column-rule-width
        - column-span
        - column-width
        - text-shadow
        - page-break-after
        - page-break-before
        - page-break-inside
        - src
        - background
        - background-color
        - background-image
        - background-repeat
        - background-position
        - "-ms-background-position-x"
        - background-position-x
        - "-ms-background-position-y"
        - background-position-y
        - "-webkit-background-size"
        - "-moz-background-size"
        - "-o-background-size"
        - background-size
        - "-webkit-background-clip"
        - "-moz-background-clip"
        - background-clip
        - background-origin
        - background-attachment
        - box-decoration-break
        - background-blend-mode
        - 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
        - outline
        - outline-width
        - outline-style
        - outline-color
        - outline-offset
        - "-webkit-box-shadow"
        - "-moz-box-shadow"
        - box-shadow
        - "-webkit-transform"
        - "-moz-transform"
        - "-ms-transform"
        - "-o-transform"
        - transform
        - "-webkit-transform-origin"
        - "-moz-transform-origin"
        - "-ms-transform-origin"
        - "-o-transform-origin"
        - transform-origin
        - "-webkit-backface-visibility"
        - "-moz-backface-visibility"
        - backface-visibility
        - "-webkit-perspective"
        - "-moz-perspective"
        - perspective
        - "-webkit-perspective-origin"
        - "-moz-perspective-origin"
        - perspective-origin
        - "-webkit-transform-style"
        - "-moz-transform-style"
        - transform-style
        - visibility
        - cursor
        - opacity
        - interpolation-mode
        - "-webkit-filter"
        - filter
        - backdrop-filter
        - "-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-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
        - "-webkit-animation-fill-mode"
        - "-moz-animation-fill-mode"
        - "-ms-animation-fill-mode"
        - "-o-animation-fill-mode"
        - animation-fill-mode
        - appearance
        - clip
        - clip-path
        - counter-reset
        - counter-increment
        - resize
        - "-webkit-user-select"
        - "-moz-user-select"
        - "-ms-user-select"
        - user-select
        - "-webkit-tap-highlight-color"
        - nav-index
        - nav-up
        - nav-right
        - nav-down
        - nav-left
        - pointer-events
        - quotes
        - touch-action
        - will-change
        - zoom
        - fill
        - fill-rule
        - clip-rule
        - stroke

  PropertySpelling:
    enabled: true
    extra_properties: []
    disabled_properties: []

  PropertyUnits:
    enabled: true
    properties: {}

  PseudoElement:
    enabled: false

  QualifyingElement:
    enabled: false
    allow_element_with_attribute: false
    allow_element_with_class: false
    allow_element_with_id: false

  SelectorDepth:
    enabled: true
    max_depth: 5

  SelectorFormat:
    enabled: true
    convention: hyphenated_BEM # or 'classic_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: false

  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: false
    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: false
    style: space # or 'new_line'
    allow_single_line_padding: false

  SpaceBetweenParens:
    enabled: true
    spaces: 0

  StringQuotes:
    enabled: true
    style: double_quotes # or single_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: false
    identifier_list: base
    additional_identifiers: []
    excluded_identifiers: []

  ZeroUnit:
    enabled: true

  Compass::*:
    enabled: false