Cross-browser meter pseudo-selectors
$ npm install --save-dev postcss-meter
See postcss/postss for usage information on postcss itself.
const postcss = require('postcss');
const meter = require('postcss-meter');
postcss(meter).process(css)
Whether to keep the original selector, too.
::meter-bar {
color: green;
}
::-moz-meter-bar {
color: green;
}
::-webkit-meter-optimum-value,::-webkit-meter-suboptimum-value,::-webkit-meter-even-less-good-value {
color: green;
}
::meter-bar {
color: green;
}
/* this block would be removed if keepOriginal were false */
::meter-bar {
color: green;
}
::-moz-meter-bar {
color: green;
}
::-webkit-meter-optimum-value,::-webkit-meter-suboptimum-value,::-webkit-meter-even-less-good-value {
color: green;
}
For which vendors to "prefix" the pseudo-selectors. Note that only the default
vendors are supported. Edge uses the same selectors as WebKit, so the value 'webkit'
also supports Edge.
::meter-bar {
color: green;
}
/* this block would not be here if moz weren't in vendors */
::-moz-meter-bar {
color: green;
}
/* this block would not be here if webkit weren't in vendors */
::-webkit-meter-optimum-value,::-webkit-meter-suboptimum-value,::-webkit-meter-even-less-good-value {
color: green;
}
::meter-bar {
color: green;
}
::-moz-meter-bar {
color: green;
}
/* webkit-block isn't here */
::meter-bar {
color: green;
}
/* moz-block isn't here */
::-webkit-meter-optimum-value,::-webkit-meter-suboptimum-value,::-webkit-meter-even-less-good-value {
color: green;
}
MIT © Malte-Maurice Dreyer