Stylelint

Try it in 3 steps

1. 1

   Install Stylelint 17.16.0 in an isolated project

   Pin version 17.16.0 on Node.js 20.19.0 or later.

   demo=$(mktemp -d "${TMPDIR:-/tmp}/stylelint.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact --save-dev stylelint@17.16.0Copy
2. 2

   Create a rule config and CSS with a violation

   Use a built-in rule and an invalid hex color to create a deterministic lint failure.

   printf "%s\n" "export default {" " rules: {" " 'color-no-invalid-hex': true" " }" "};" > stylelint.config.mjs && printf "%s\n" '.bad { color: #12zzzz; }' > input.cssCopy
3. 3

   Run the CLI and confirm the lint error

   Confirm Stylelint returns a non-zero status for the violation so the same check can fail CI.

   if npx stylelint input.css; then exit 1; else echo "lint error detected"; fiCopy

Built with

• JavaScript

Categories and tags

GitHub data

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Explore next

• Linaria12,350 Stars

  3 shared tag(s) · 1 shared category(s)

  keep CSS-in-JS authoring while extracting styles to static CSS at build time

  TypeScript
• vanilla-extract10,435 Stars

  3 shared tag(s) · 1 shared category(s)

  write type-safe styles in TypeScript and extract them to static CSS at build time

  TypeScript
• PurgeCSS8,050 Stars

  3 shared tag(s) · 1 shared category(s)

  scan content files and keep only selectors that are actually referenced

  TypeScript
• Autoprefixer22,211 Stars

  4 shared tag(s) · 1 shared category(s) · Same language

  generate only the vendor prefixes required by Browserslist and Can I Use data

  JavaScript
• Less17,025 Stars

  4 shared tag(s) · 1 shared category(s) · Same language

  compile stylesheets with variables, mixins, and nesting into standard CSS with lessc

  JavaScript
• Stylus11,333 Stars

  4 shared tag(s) · 1 shared category(s) · Same language

  use indented syntax or regular CSS style with one expressive stylesheet compiler

  JavaScript