stylelint-config-css-modules

CSS modules shareable config for stylelint

Usage no npm install needed!

<script type="module">
  import stylelintConfigCssModules from 'https://cdn.skypack.dev/stylelint-config-css-modules';
</script>

README

stylelint-config-css-modules

npm version Build Status

CSS modules shareable config for stylelint.

Tweaks stylelint rules to accept css modules specific syntax.
This is useful as an override of pre-defined rules, for instance the stylelint-config-standard.

Installation

npm install stylelint-config-css-modules --save-dev

or

yarn add stylelint-config-css-modules --dev

Usage

{
  "extends": [
    "stylelint-config-standard",
    "stylelint-config-css-modules"
  ],
  "rules": {
    [...]
  }
}

Examples

@value colors: './colors.css';
@value primary, secondary from colors;

.base {
  content: 'base';
  color: primary;
}

.composed {
  composes: base;
}

.composedWith {
  compose-with: base;
}

.flexible {
  composes: flex from './utils.css';
  flex-direction: column;
}

:global(.js) .progressive {
  display: block;
}

:export {
  black: #000;
  white: #111;
}

Credits

Licence

stylelint-config-css-modules is unlicensed.