.sass-lint.yml

files:
  include: "**/*.s+(a|c)ss"
options:
  formatter: stylish
  merge-default-rules: false
rules:
  bem-depth: 1
  border-zero:
    - 1
    - convention: zero
  brace-style:
    - 1
    - allow-single-line: false
  class-name-format:
    - 1
    - convention: ^(?!js-).*
      convention-explanation: should not be written in the form js-*
  extends-before-declarations: 1
  extends-before-mixins: 1
  function-name-format: 1
  id-name-format:
    - 1
    - convention: hyphenatedbem
  indentation:
    - 1
    - size: 2
  leading-zero: 0
  mixin-name-format: 1
  mixins-before-declarations: 1
  no-extends: 0
  no-qualifying-elements: 0
  placeholder-name-format:
    - 1
    - convention: hyphenatedbem
  placeholder-in-extend: 0
  property-sort-order:
    - 1
    - order:
      - 'content'
      - 'quotes'

      # Box
      - 'z-index'
      - 'display'
      - 'visibility'
      - 'box-sizing'
      - 'appearance'

      # Flex
      - 'flex'
      - 'flex-basis'
      - 'flex-direction'
      - 'flex-flow'
      - 'flex-grow'
      - 'flex-shrink'
      - 'flex-wrap'
      - 'align-content'
      - 'align-items'
      - 'align-self'
      - 'justify-content'
      - 'order'

      # Grid
      - 'grid'
      - 'grid-after'
      - 'grid-area'
      - 'grid-auto-columns'
      - 'grid-auto-flow'
      - 'grid-auto-rows'
      - 'grid-before'
      - 'grid-column'
      - 'grid-column-end'
      - 'grid-column-gap'
      - 'grid-column-start'
      - 'grid-columns'
      - 'grid-end'
      - 'grid-gap'
      - 'grid-row'
      - 'grid-row-end'
      - 'grid-row-gap'
      - 'grid-row-start'
      - 'grid-rows'
      - 'grid-start'
      - 'grid-template'
      - 'grid-template-areas'
      - 'grid-template-columns'
      - 'grid-template-rows'

      # Positioning and layout
      - 'position'
      - 'top'
      - 'right'
      - 'bottom'
      - 'left'

      - 'transform'
      - 'transform-origin'
      - 'transform-style'

      - 'float'
      - 'clear'

      - 'margin'
      - 'margin-top'
      - 'margin-right'
      - 'margin-bottom'
      - 'margin-left'

      - 'padding'
      - 'padding-top'
      - 'padding-right'
      - 'padding-bottom'
      - 'padding-left'

      - 'width'
      - 'min-width'
      - 'max-width'
      - 'height'
      - 'min-height'
      - 'max-height'

      - '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'

      # Border
      - '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' 

      # Background
      - 'background'
      - 'background-color'
      - 'background-image'
      - 'background-repeat'
      - 'background-position'
      - 'background-size'
      - 'box-shadow'
      - 'fill'
      - 'opacity'
      
      # Typography
      - 'color'

      - 'font'
      - 'font-family'
      - 'font-size'
      - 'font-size-adjust'
      - 'font-stretch'
      - 'font-effect'
      - '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'
      - 'hyphens'

      - 'src'

      # Other
      - 'tab-size'
      - 'counter-reset'
      - 'counter-increment'
      - 'resize'
      - 'cursor'
      - 'pointer-events'
      - 'speak'
      - 'user-select'
      - 'nav-index'
      - 'nav-up'
      - 'nav-right'
      - 'nav-down'
      - 'nav-left'

      # Animation
      - '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'

  quotes:
    - 1
    - style: single
  variable-name-format: 1