stylelint-config-strict-scss
Version:
Strict shareable config for stylelint and SCSS
63 lines (41 loc) • 2.35 kB
Markdown
# stylelint-config-strict-scss
[](http://wemake.services) [](https://travis-ci.org/wemake-services/stylelint-config-strict-scss) [](https://coveralls.io/github/wemake-services/stylelint-config-strict-scss?branch=master)
Strict shareable config for [`stylelint`](https://github.com/stylelint/stylelint) and SCSS.
## Features
- Extends [`stylelint-standard`](https://github.com/stylelint/stylelint-config-standard) config
- Turns on almost all rules from [`stylelint-scss`](https://github.com/kristerkari/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`](https://github.com/hudochenkov/stylelint-order)
- Has [sensible defaults](https://github.com/wemake-services/stylelint-config-strict-scss/blob/master/index.js)
- Is opened for further extension!
## Installation
```bash
npm install --save-dev stylelint-config-strict-scss
```
## Code example
This code is considered valid (and beautiful):
```scss
$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](https://github.com/wemake-services/wemake-vue-template)!
## License
MIT.