Package Exports

@wemake-services/stylelint-config-scss
@wemake-services/stylelint-config-scss/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@wemake-services/stylelint-config-scss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@wemake-services/stylelint-config-scss

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!

Bundled plugins

TODO: list plugins

Installation

npm install --save-dev @wemake-services/stylelint-config-scss

And then extend it in your configuration:

{
  "extends": [
    "@wemake-services/stylelint-config-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.