robwierzbowski/stylelint-no-restricted-syntax

Stylelint rule to disallow specified syntax.

stylelint-no-restricted-syntax

Stylelint rule to disallow specified syntax, similar to ESLint no-restricted-syntax.

Install

npm install stylelint-no-restricted-syntax --save

Usage

Add this config to your .stylelintrc:

{
	"plugins": ["stylelint-no-restricted-syntax"],
	"rules": {
		"plugin/no-restricted-syntax": [
			[
				{
					"selector": "rule[selector='a']",
					"message": "Anchors not allowed."
				},
				{
					"selector": "decl[prop='z-index']",
					"message": "z-index not allowed."
				}
			]
		]
	}
}

Options

Each restricted syntax rule consists of the following properties:

Property	Type	Description
selector	string	Selector for querying PostCSS AST.
message	string	Error message for queried PostCSS node.

Details

a {
	z-index: 10;
}
/**          ↑
 * Previous line will be considered as restricted syntax */
b {
	font-weight: bold;
}

License

MIT © Ivan Nikolić