stylelint-config-sass-guidelines

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

2 years after

stylelint-config-sass-guidelines

NPM version Build Status

Sass Guidelines shareable config for stylelint.

A stylelint config based on sass-guidelin.es

Installation

$ npm install --save 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, to change the indentation to tabs and turn off the number-leading-zero rule:

{
  "extends": "stylelint-config-sass-guidelines",
  "rules": {
    "indentation": "tab",
    "number-leading-zero": null
  }
}

Lint Rule Comparison

Lint Report Comparison

Documentation

Plugins

Configured lints

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

At-rule

Block

Color

Declaration

Declaration block

Declaration Property

  • declaration-property-value-blacklist: Specify a blacklist of disallowed property and value pairs within declarations.
    • ^border: Disallow the use of the word none for borders, use 0 instead.

Function

General

Media Feature

Number

Property

Rule

  • rule-nested-empty-line-before: There must always be an empty line before multi-line rules. Except: Nested rules that are the first of their parent rule. Ignore: Rules that come after a comment.
  • rule-non-nested-empty-line-before: There must always be an empty line before multi-line rules. Ignore: Rules that come after a comment.

SCSS

Selector

String

  • string-quotes: Strings must always be wrapped with single quotes.

Stylelint Disable Comment

Value

Changelog

License

Related Repositories

postcss

postcss

Transforming styles with JS plugins ...

front-end-guide

front-end-guide

Study guide and introduction to the modern front end stack ...

css

css

Believe in Better CSS ...

Baumeister

Baumeister

The aim of this project is to help you to build your things. From Bootstrap them ...

style.css

style.css

:beginner: Classless stylesheet for markdown documents. ...