Skip to content

readme.md

Latest commit

 

History

History
193 lines (138 loc) · 5.9 KB

readme.md

File metadata and controls

193 lines (138 loc) · 5.9 KB

Stylelint personal config

divider

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

divider

cover


divider

       

divider

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.

divider

Table of content


divider

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.

divider

Requirements

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

divider

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

divider

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"
}

divider

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
}

divider

  BACK TO TOP

divider

  Copyright © All rights reserved
  developed by LuisdaByte and