stylelint-config-strict-scss

0.5.0 • Public • Published

stylelint-config-strict-scss

wemake.services Build Status Coverage Status

Strict shareable config for stylelint and SCSS.

Features

  • Extends stylelint-standard config
  • Turns on almost all rules from stylelint-scss
  • Protects you from common mistakes
  • Handles how $variables are defined and enforces to use them
  • Handles how @mixins, %placeholders, and @functions should be defined
  • Also checks @imports, declarations, url()s, and other minor things
  • Enforces to use autoprefixer by restricting vendor prefixes
  • Maintains consistent declarations order with stylelint-order
  • Has sensible defaults
  • Is opened for further extension!

Installation

npm install --save-dev stylelint-config-strict-scss

Code example

This code is considered valid (and beautiful):

$mobile: 450px;
 
@function em ($size, $base-font: 16px) {
  @return $size * 1em / $base-font;
}
 
%absctract-div {
  display: block;
}
 
div {
  @extend %abstract-div;
 
  background-image: url('https://placehold.it/400x200');
  padding: em($size: 5px);
 
  @media screen and (min-width: $mobile) {
    display: none;
  }
}

Do you want to see it in action? Take a look at our Vue template!

License

MIT.

Package Sidebar

Install

npm i stylelint-config-strict-scss

Weekly Downloads

400

Version

0.5.0

License

MIT

Unpacked Size

221 kB

Total Files

35

Last publish

Collaborators

  • sobolevn