You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
4 years ago | |
|---|---|---|
| .. | ||
| dist | 4 years ago | |
| node_modules | 4 years ago | |
| CHANGELOG.md | 4 years ago | |
| LICENSE | 4 years ago | |
| README.md | 4 years ago | |
| package.json | 4 years ago | |
README.md
postcss-selector-matches

PostCSS plugin to transform
:matches()W3C CSS pseudo class to more compatible CSS selectors
http://dev.w3.org/csswg/selectors-4/#matches
Installation
$ npm install postcss-selector-matches
Usage
var postcss = require("postcss")
var output = postcss()
.use(require("postcss-selector-matches"))
.process(require("fs").readFileSync("input.css", "utf8"))
.css
Using this input.css:
p:matches(:first-child, .special) {
color: red;
}
you will get:
p:first-child, p.special {
color: red;
}
Note that if you are doing crazy selector like p:matches(a) {} you are likely to get crazy results (like pa {}).
Options
lineBreak
(default: false)
Allows you to introduce a line break between generated selectors.