thang
/
notes
mirror of https://github.com/thangisme/notes.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
notes/node_modules/stylelint-selector-no-utility
History
Patrick Marsceill b7b0d0d7bf
Initial commit 		2017-03-09 13:16:08 -05:00
..
test Initial commit 2017-03-09 13:16:08 -05:00
.eslintrc.json Initial commit 2017-03-09 13:16:08 -05:00
.npmignore Initial commit 2017-03-09 13:16:08 -05:00
.travis.yml Initial commit 2017-03-09 13:16:08 -05:00
CHANGELOG.md Initial commit 2017-03-09 13:16:08 -05:00
LICENSE Initial commit 2017-03-09 13:16:08 -05:00
README.md Initial commit 2017-03-09 13:16:08 -05:00
index.js Initial commit 2017-03-09 13:16:08 -05:00
package.json Initial commit 2017-03-09 13:16:08 -05:00

README.md

selector-no-utility

NPM version Build Status

This plugin is extra specific to primer-utilities I will accept PRs to make it more generic, or feel free to fork and use it for your own classes.

You should not be able to style a utility classes. Utility classes are single purpose, reusing them to add extra style violates their single purpose.

    .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. After installing npm, you can install stylelint-function-url-no-domain with this command.

$ npm install --save-dev stylelint-function-url-no-domain

Usage

In your stylelint config add this.

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

Related

License

MIT © GitHub