Nurturing Palpable Magnificence

    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.

    Install

    npm i stylelint-config-strict-scss

    DownloadsWeekly Downloads

    647

    Version

    0.5.0

    License

    MIT

    Unpacked Size

    221 kB

    Total Files

    35

    Last publish

    Collaborators

    • sobolevn