stylelint-config-ecss

🚧WIP🚧

A stylelint config based on ECSS

Usage

Install stylelint and stylelint-config-ecss

yarn add stylelint stylelint-config-ecss -D

Create stylelint.config.js

"use strict";

module.exports = {
  extends: ["stylelint-config-ecss"]
};

Adopted rules

Possible errors

Color

• color-no-invalid-hex

Function

• function-linear-gradient-no-nonstandard-direction

Declaration block

• declaration-block-no-duplicate-properties
• declaration-block-trailing-semicolon
• declaration-block-no-shorthand-property-overrides

Block

• block-no-empty

Limit language features

Value

• property-blacklist
• value-no-vendor-prefix

Property

• property-no-vendor-prefix

Selector

• selector-class-pattern
• selector-max-specificity
• selector-max-id

At-rule

• at-rule-blacklist

Stylistic issues

Function

• function-comma-space-after
• function-url-quotes

Number

• number-leading-zero
• number-no-trailing-zeros

String

• string-quotes

Declaration

• declaration-colon-space-after
• declaration-colon-space-before

Media feature

• media-feature-colon-space-after
• media-feature-colon-space-before
• media-feature-name-no-vendor-prefix

Selector list

• selector-list-comma-newline-after

General / Sheet

• indentation
• max-empty-lines

plugin ecss

• ecss/comment-check-prefix-browser-hacks
• ecss/declaration-comment-magic-numbers-before
• ecss/background-no-base64

License

MIT

Roadmap for v1.0

• [x] Include introduced rules
• [x] Add new rules
• [x] Create stylelint plugin ecss
• [x] Include plugin rules
• [ ] Include stylelint-declaration-strict-value