Nonviolent Pirate Mobster
Introducing npm Teams! Private packages + team management tools.Learn more »

postcss-selector-matches

4.0.0 • Public • Published

postcss-selector-matches CSS Standard Status Build Status

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


Changelog

License

Install

npm i postcss-selector-matches

DownloadsWeekly Downloads

2,239,304

Version

4.0.0

License

MIT

Unpacked Size

9.58 kB

Total Files

6

Last publish

Collaborators

  • avatar
  • avatar
  • avatar