Stylelint Config - SCSS

Extra rules for when you use SCSS.

Usage

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.

@else

• 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

@extend

• at-extend-no-missing-placeholder true

@function

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

@if

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

@import

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

@mixin

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

At-rule

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

$variable

• 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

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

Declaration

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

Comments

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

Media feature

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

Operator

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

Selector

• selector-no-redundant-nesting-selector: true,