stylelint-config-sass-guidelines

Sharable stylelint config based on https://sass-guidelin.es/


Keywords
stylelint, stylelint-config, stylelint-scss, scss, sass, guidelines, lint, linter, hacktoberfest, linting, sass-guidelines
License
MIT
Install
npm install stylelint-config-sass-guidelines@11.1.0

Documentation

stylelint-config-sass-guidelines

NPM version Build Status Known Vulnerabilities contributions welcome Downloads per month

A stylelint config inspired by sass-guidelin.es.

This linter has been designed / tested with SCSS syntax based on the SCSS guidelines documented in https://sass-guidelin.es/. It is intended for use with SCSS syntax, not Sass (tab style) syntax.

This config:

Translations

Installation

$ npm i -D stylelint postcss stylelint-config-sass-guidelines

Usage

Set your stylelint config to:

{
  "extends": "stylelint-config-sass-guidelines"
}

Extending the config

Simply add a "rules" key to your config and add your overrides there.

For example:

{
  "extends": "stylelint-config-sass-guidelines",
  "rules": {
    "selector-max-compound-selectors": 4,
    "value-no-vendor-prefix": false
  }
}

Documentation

Configured lints

This is a list of the lints turned on in this configuration, and what they do.

At-rule

Block

Color

Declaration block

Declaration Property

  • declaration-property-value-disallowed-list: Specify a list of disallowed property and value pairs within declarations.
    • ^border: Disallow the use of the word none for borders, use 0 instead. The intent of this rule is to enforce consistency, rather than define which is "better."

Function

General

Media Feature

Property

Rule

SCSS

Selector

Value

Contributors

stylelint-config-sass-guidelines is maintained by Brett Jankord and contributions from the community. Without the code contributions from all these fantastic people, stylelint-config-sass-guidelines would not exist.