@yattho/stylelint-config NPM

NearchX Stylelint Config

Inspired by Github's Primer Stylelint Config.

A sharable stylelint config object that enforces NearchX's CSS rules

Install

$ npm install --save --dev @yattho/stylelint-config

Usage

Within your stylelint config object You can extend this configuration. This will serve as a base for your config, then you can make overrides in your own config object:

{
  "extends": ["@yattho/stylelint-config"],
  "rules": { }
}

Documentation

NearchX Stylelint Config extends the stylelint-config-standard configuration supplied by Stylelint, and makes modifications in /index.js.

Plugins

stylelint-order: Order-related linting rules for stylelint. Properties must be sorted according to this list.
stylelint-scss: A collection of SCSS specific linting rules for stylelint
- scss/selector-no-redundant-nesting-selector: Disallow redundant nesting selectors (&).
yattho/no-override: Prohibits custom styles that target NearchX CSS selectors.
yattho/no-unused-vars: Warns about SCSS variables that are declared by not used in your local files.
yattho/no-undefined-vars: Prohibits usage of undefined CSS variables.
yattho/no-scale-colors: Prohibits the use of non-functional scale CSS variables
yattho/colors: Enforces the use of certain color variables.
yattho/spacing: Enforces the use of spacing variables for margin and padding.
yattho/typography: Enforces the use of typography variables for certain CSS properties.
yattho/borders: Enforces the use of certain variables for border properties.
yattho/box-shadow: Enforces the use of certain variables for box-shadow.
yattho/responsive-widths: Errors on width and min-width that is larger than the minimum browser size supported. 320px
yattho/utilities: Errors when someone writes custom CSS for a declaration that has an existing yattho/css/utility.