stylelint-max-selectors

Limit the number of selectors in a stylesheet

Usage no npm install needed!

<script type="module">
  import stylelintMaxSelectors from 'https://cdn.skypack.dev/stylelint-max-selectors';
</script>

README

stylelint-max-selectors

Build Status

A stylelint plugin that enforces maximum selector count for a stylesheet. Useful if you need to support old IE (<IE10) which has a limit of 4095 selectors or just for performance reasons.

Installation

npm install stylelint-max-selectors

Usage

Add it to your stylelint config plugins array, then add "plugin/max-selectors" to your rules.

Like so:

// .stylelintrc
{
  "plugins": [
    "stylelint-max-selectors"
  ],
  "rules": {
    // ...
    "plugin/max-selectors": 4095,
    // ...
  }
}

Options

int: Maximum number of selectors allowed.

For example the following stylesheet has 2 selectors:

.foo, .bar {
  color: red
}