@focus21/stylelint-config

Focus21's Stylelint configs.

Usage

Installation:

pnpm add --save-dev @focus21/stylelint-config

In stylelint.config.js:

const files = require("@focus21/stylelint-config/lib/files");

module.exports = {
  ignoreFiles: files.getIgnoreFiles(__dirname),
  extends: ["@focus21/stylelint-config"],
};

Which is equivalent to:

const files = require("@focus21/stylelint-config/lib/files");

module.exports = {
  ignoreFiles: files.getIgnoreFiles(__dirname),
  extends: [
    "@focus21/stylelint-config/base",
    "@focus21/stylelint-config/prettier",
  ],
  overrides: [
    {
      files: files.jsFiles,
      extends: ["@focus21/stylelint-config/js-base"],
    },
  ],
};

Additionally available configs:

• @focus21/stylelint-config/styled-components:
  • Can be used on projects which use Styled Components.
  • Should be put after js-base.
• @focus21/stylelint-config/tailwindcss:
  • Can be used on projects which use Tailwind CSS.
  • Should be put after base and before prettier.
• @focus21/stylelint-config/bem:
  • Can be used on projects which use the BEM naming format.
  • Should be put after base and before prettier.