primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-12-20 20:51:38 +03:00
Code Issues Projects Releases Wiki Activity
4956549160
css/tools/stylelint-selector-no-utility
History
Jon Rohan 711c1d5c6c Publish 
- primer-alerts@1.5.1
 - primer-avatars@1.4.1
 - primer-base@1.5.1
 - primer-blankslate@1.4.1
 - primer-box@2.5.1
 - primer-breadcrumb@1.4.1
 - primer-buttons@2.4.1
 - primer-cards@0.5.1
 - primer-core@6.4.1
 - primer-css@9.6.0
 - primer-forms@1.4.1
 - primer-labels@1.5.1
 - primer-layout@1.4.1
 - primer-markdown@3.7.1
 - primer-marketing-support@1.3.1
 - primer-marketing-type@1.4.1
 - primer-marketing-utilities@1.4.1
 - primer-marketing@5.4.1
 - primer-navigation@1.4.1
 - primer-page-headers@1.4.1
 - primer-page-sections@1.4.1
 - primer-product@5.4.1
 - primer-support@4.4.1
 - primer-table-object@1.4.1
 - primer-tables@1.4.1
 - primer-tooltips@1.4.1
 - primer-truncate@1.4.1
 - primer-utilities@4.8.1
 - generator-primer-module@1.0.0
 - stylelint-config-primer@2.2.0
 - stylelint-selector-no-utility@1.8.0
2017-10-24 14:56:03 -07:00
..
test Finishing no-utility import 2017-10-09 13:04:03 -07:00
.eslintrc.json Moving to tools dir 2017-10-09 12:13:30 -07:00
CHANGELOG.md Moving to tools dir 2017-10-09 12:13:30 -07:00
index.js Moving to tools dir 2017-10-09 12:13:30 -07:00
LICENSE Moving to tools dir 2017-10-09 12:13:30 -07:00
package.json Publish 2017-10-24 14:56:03 -07:00
README.md Moving to tools dir 2017-10-09 12:13:30 -07:00

README.md

selector-no-utility

NPM version Build Status

This plugin is specific to primer-utilities. We'll accept pull requests to make it more generic, or feel free to fork and use it for your own classes.

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. 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