Skip to content

hiro0218/postcss-media-hover-any-hover

Repository files navigation

Install

npm i -D postcss-media-hover-any-hover

Usage

Wrap :hover block with @media (any-hover: hover).

// Input
a {
  &:hover {
    text-decoration: underline;
  }
}

// Output
a {
  @media (any-hover: hover) {
    &:hover {
      text-decoration: underline;
    }
  }
}

postcss.config.js:

const fs = require('fs');
const postcss = require('postcss');
const postcssMediaHoverAnyHover = require('postcss-media-hover-any-hover');

const css = fs.readFileSync('input.css', 'utf8');

const output = postcss().use(postcssMediaHoverAnyHover()).process(css).css;

About

PostCSS plugin wraps selectors with :hover with at-media (hover: hover) block

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published