@efficientcss/stylelint-config-ecss

1.0.0-beta-13 • Public • Published

Stylelint Config for ECSS

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.

Installation

npm install @efficientcss/stylelint-config-ecss

Usage

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
			}
		}
	]
}

Notes

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.

Package Sidebar

Install

npm i @efficientcss/stylelint-config-ecss

Homepage

ecss.info

Weekly Downloads

264

Version

1.0.0-beta-13

License

MIT

Unpacked Size

109 kB

Total Files

61

Last publish

Collaborators

  • emmacharp