A Rework (>=1.0.0) plugin to add support for the
Media Queries Level 4 hover @media feature.
This plugin is a processor based on the postprocessor of
mq4-hover-shim.
The rework-media-features plugin rewrites
@media (hover: hover) {
some-selector {
property: value;
}
}into
some-prefix some-selector {
property: value;
}In normal use-cases, some-selector will contain the :hover pseudo-class and some-prefix
will be a specially-named CSS class that will typically be added to the <html> element.
// Dependencies
var preprocessor = require('rework-media-features');
var rework = require('rework');
var fs = require('fs');
// CSS to be parsed
var css = fs.readFileSync('built/built.css', 'utf8').trim();
// Process css using rework-media-features
var options = {hoverSelectorPrefix: 'some-prefix'};
css = rework(css).use(preprocessor(options)).toString().trim();
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent