Stylelint personal config

  📦 SETUP • ⚙️ CONFIGURATION • ️️️🛰️ FEATURES

       

About

A modular, production-ready Stylelint configuration designed for high-performance CSS and SASS workflows. It enforces strict property ordering and prevents common architectural errors in modern web applications.

Table of content

• About
• Features
• Requirements
• Installation
• Usage
• Configuration

Features

• Stylelint - Stylelint rules to prevent errors and enforce best practices in your CSS.
• Sass - Rules specifically designed for Sass syntax.
• Stylistic - Keep your CSS clean and readable.
• Order - Organize your CSS for easy maintenance.

Requirements

• node >= 18.16.0
• bun >= 1.1.0
• stylelint >= 15.5.0

Installation

Run this command to install eslint and the plugin.

Bun

bun i -D stylelint stylelint-config-universal-code

Pnpm

pnpm i -D stylelint stylelint-config-universal-code

Yarn

yarn i -D stylelint stylelint-config-universal-code

Npm

npm i -D stylelint stylelint-config-universal-code

Usage

To use this plugin put in your repositorie you need to create an .stylelintrc file and add this lines of code.

{
  "extends": "stylelint-config-universal-code"
}

Configuration

Extra settings that can be added in the same file.

{
  "extends":
  [
    // This specifies that the configuration extends the "stylelint-config-universal-code" rules.
    "stylelint-config-universal-code",

    // This specifies that the configuration also extends the sass rules
    "stylelint-config-universal-code/sass"
  ],
  // Extra configuration can be done by stylelint see more in https://stylelint.io/user-guide/configure
}

  BACK TO TOP

  Copyright © All rights reserved
  developed by LuisdaByte and