Skip to content

Latest commit

 

History

History
63 lines (45 loc) · 942 Bytes

README.md

File metadata and controls

63 lines (45 loc) · 942 Bytes


Edgie is a PostCSS plugin to easily target Edge and IE.

Built out of frustration with trying deal with specific Edge and IE issues in modern projects.

Note: This only targets the pre-Chromium version of Edge (v44)

Getting started

npm install --save postcss-edgie

Usage

postcss.config.js

module.exports = {
  plugins: [
    require('postcss-edgie'),
  ],
}

style.css

Input
.button {
  background: red;

  @edgie {
    background: blue;
  }
}
Output
.button {
  background: red;
}

@supports (-ms-ime-align:auto) {
  .button {
    background: blue;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .button {
    background: blue;
  }
}