Linting rules for writing Efficient CSS.
ECSS sets simple rules for efficient styling. No more naming everything, no more technological dependencies. Only intentional, consistent, expressive, predictable, sustainable CSS.
This config also adds a more detailed messaging system.
For the complete documentation, see ecss.info.
npm install @efficientcss/stylelint-config-ecss
Add this package to the extend
{.json} array in your Stylelint configuration or copy the following code in a new .stylelintrc.json
file.
{
"extends": ["@efficientcss/stylelint-config-ecss"]
}
You can disable ECSS rules by using the Stylelint overrides
array. The full list of rules is accessible in index.js
.
{
"extends": ["@efficientcss/stylelint-config-ecss"],
"overrides": [
{
"files": ["*"],
"rules": {
"ecss/large-selector-rule": null,
"ecss/component-dimensions": null
}
}
]
}
You can opt out of selector naming check by adding a digit (ie: 1.base.css) or "x-" prefix (ie: x-quarantine.css).
For further usage instructions, please refer to the Stylelint official documentation.