stylelint-config-mass

This package includes the shareable StyleLint configuration for Sass used by Bod CLI, based on stylelint-config-sass-guidelines.

Installation

npm install -D stylelint-config-mass

Usage

set .stylelintrc.json to:

{
  "extends": "stylelint-config-mass"
}

Extending the config

Simply add a "rules" key to your config and add your overrides there.

For example, to change the indentation to tabs and turn off the number-leading-zero rule:

{
  "extends": "stylelint-config-mass",
  "rules": {
    "indentation": "tab",
    "number-leading-zero": null
  }
}

Highlight

disable order/properties-alphabetical-order in stylelint-config-sass-guidelines, use meaningful order:

{
  "rules": {
    "order/properties-order": [
      "position",
      "z-index",
      "top",
      "right",
      "bottom",
      "left",
      "box-sizing",
      "display",
      "visibility",
      "float",
      "clear",
      "width",
      "min-width",
      "max-width",
      "height",
      "min-height",
      "max-height",
      "overflow",
      "margin",
      "margin-top",
      "margin-right",
      "margin-bottom",
      "margin-left",
      "padding",
      "padding-top",
      "padding-right",
      "padding-bottom",
      "padding-left",
      "border",
      "border-width",
      "border-top-width",
      "border-right-width",
      "border-bottom-width",
      "border-left-width",
      "border-style",
      "border-top-style",
      "border-right-style",
      "border-bottom-style",
      "border-left-style",
      "border-color",
      "border-top-color",
      "border-right-color",
      "border-bottom-color",
      "border-left-color",
      "outline",
      "list-style",
      "table-layout",
      "caption-side",
      "border-collapse",
      "border-spacing",
      "empty-cells",
      "background",
      "background-color",
      "background-image",
      "background-repeat",
      "background-position",
      "color",
      "font",
      "font-family",
      "font-size",
      "font-weight",
      "line-height",
      "text-align",
      "text-indent",
      "text-transform",
      "text-decoration",
      "letter-spacing",
      "word-spacing",
      "white-space",
      "vertical-align",
      "opacity",
      "cursor",
      "content",
      "quotes"
    ]
  }
}

Reference

• Sass Guidelines
• CSS Concentric Order

Contact