Non-Production Machines

    stylelint-selector-no-utility

    4.0.0 • Public • Published

    primer/selector-no-utility

    NPM version Build Status

    This plugin is specific to Primer CSS. We'll accept pull requests to make it more generic, or feel free to fork and use it for your own needs.

    Utilities are single purpose styles that should be treated as immutable CSS. They should not be altered by custom CSS as this can cause unwanted side effects.

        .m-0#bar .float-left#hoo { border: 1px solid pink; }
    /** ↑          ↑
     * Each of these selectors */

    The following patterns are considered warnings:

    #bar .float-left { border: 1px solid pink; }
    #bar {
      .float-left { border: 1px solid pink; }
    }

    The following patterns are not considered warnings:

    #bar { color: pink; }

    Install

    This repository is distributed with npm, and can be installed with:

    $ npm install --save-dev stylelint-selector-no-utility

    Usage

    In your stylelint config add this.

    {
      "plugins": [
        "stylelint-selector-no-utility"
      ],
      "rules": {
        "primer/selector-no-utility": true
      }
    }

    Related

    License

    MIT © GitHub

    Install

    npm i stylelint-selector-no-utility

    DownloadsWeekly Downloads

    2,312

    Version

    4.0.0

    License

    MIT

    Unpacked Size

    6.65 kB

    Total Files

    10

    Last publish

    Collaborators

    • andrialexandrou
    • jfuchs
    • githubbot
    • manuelpuyol
    • jonrohan
    • broccolini
    • mislav
    • mdo
    • primer-css
    • keithamus
    • mschoening
    • koddsson
    • emilybrick
    • lgarron
    • colebemis
    • smockle
    • simurai
    • khiga8
    • dustin.greif
    • srt32