Skip to content

archoleat/stylelint-config-extended-scss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stylelint Config Extended SCSS

NPM Version NPM Downloads ESM Provenance CodeQL Specs Commitlint Editorconfig Prettier ESLint Remark

Table of Contents

Installation

bun i -D @archoleat/stylelint-config-extended-scss stylelint-define-config

Usage

Add the following code to the stylelint.config.ts or stylelint.config.js file:

import { defineConfig } from 'stylelint-define-config';

export default defineConfig({
  extends: '@archoleat/stylelint-config-extended-scss',
});

Add the Space Between Logical Groups

If you want to add spaces between logical groups, add this rule to your Stylelint config:

import { defineConfig } from 'stylelint-define-config';

export default defineConfig({
  extends: '@archoleat/stylelint-config-extended-scss',
  rules: {
    'declaration-empty-line-before': null,
  },
});

Before

.popup {
  opacity: 0;
  position: fixed;
  inset: 0;
  pointer-events: none;
}

After

.popup {
  opacity: 0;

  position: fixed;
  inset: 0;

  pointer-events: none;
}

This Config

Extends

Plugins

Rules

This is a list of the lints turned on in this configuration, and what they do.

CSS

At-rule
Case
Color
Declaration
Descending
Function
Max & Min
Notation
Pattern
Selector
Unknown

SCSS

SCSS At-rule
Comment
SCSS Declaration
Dollar Variable
SCSS Function
Import
Maps
Media
SCSS Selector
SCSS Unknown

Contributing

Please read CONTRIBUTING to start contributing.

License

This project is licensed under the MIT license.