@move-elevator/stylelint-config-scss

A shareable Stylelint configuration for SCSS (Sass) projects.

Installation

npm i -D @move-elevator/stylelint-config-scss

Peer Dependencies

This package requires the following peer dependencies:

npm i -D postcss-scss stylelint stylelint-order stylelint-scss @stylistic/stylelint-plugin

Usage

Create a stylelint config file like .stylelintrc.json in your project root and extend this configuration:

{
  "extends": "@move-elevator/stylelint-config-scss/.stylelintrc.json"
}

What's Included

This configuration uses postcss-scss as the custom syntax and includes the following plugins:

• @stylistic/stylelint-plugin - Stylistic rules for formatting
• stylelint-order - Property ordering rules
• stylelint-scss - SCSS-specific linting rules

Key Rules

Rule	Setting
Block opening brace	Space before
Color hex case	Lowercase
Color hex length	Long format (#ffffff)
Leading zero	Required (0.5 not .5)
Max nesting depth	4 levels
Named colors	Not allowed
Properties order	Alphabetical
Pseudo-element notation	Double colon (::before)
Selector class pattern	BEM or kebab-case
String quotes	Double quotes
Trailing semicolon	Required

License

MIT