Stylelint Config - SCSS

Table of Contents

Extra rules for when you use SCSS.


Same as for the main stylelint config. But now add scss to the end to also load these rules.

"extends": "@fylgja/stylelint-config/scss"

List of Rules

For information on what each rule does. Checkout the SCSS Stylelint plugin DOC.


  • at-else-closing-brace-newline-after: always-last-in-chain
  • at-else-closing-brace-space-after: always-intermediate
  • at-else-empty-line-before: never
  • at-else-if-parentheses-space-before: always


  • at-extend-no-missing-placeholder true


  • at-function-parentheses-space-before: never


  • at-if-closing-brace-newline-after: always-last-in-chain
  • at-if-closing-brace-space-after: always-intermediate
  • at-if-no-null: true


  • at-import-no-partial-leading-underscore: true


  • at-mixin-argumentless-call-parentheses: never
  • at-mixin-parentheses-space-before: never
  • no-duplicate-mixins: true


  • at-rule-no-unknown: true
    • Unsets core rule at-rule-no-unknown


  • dollar-variable-colon-newline-after: null
    • should be always-multi-line but it has a bug with maps
  • dollar-variable-colon-space-after: always-single-line
  • dollar-variable-colon-space-before: never
  • dollar-variable-first-in-block: true
    • ignore: comments, imports
  • dollar-variable-no-missing-interpolation: true


  • function-color-relative: true
    • severity: warning
    • Use the new scss color functions instead!


  • declaration-nested-properties-no-divided-groups: true


  • comment-no-empty: always
    • severity: warning
  • double-slash-comment-whitespace-inside: always

Media feature

  • media-feature-value-dollar-variable: true
    • severity: warning


  • operator-no-newline-after: null
  • operator-no-newline-before: true
  • operator-no-unspaced: null


  • selector-no-redundant-nesting-selector: true,
Noticed a typo or is something unclear? Help us improve this page on GitHub.