Fylgja component - 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

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!

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
Noticed a typo or is something unclear? Help us improve this page on GitHub.