Stylecow plugin to fix automatically some browser issues
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
tests
.gitignore
.travis.yml
LICENSE
README.md
index.js
package.json

README.md

stylecow plugin fixer

Build Status

Stylecow plugin to fix automatically some browser issues:

  • Fix the old syntax of 'clip: rect()' in ie < 8
  • Fix the double margin bug in ie6 on float block elements
  • Adds support for min-height in ie<8
  • Adds support for opacity in ie<9
  • Adds support for ::after, ::before, ::first-line, ::first-letter in ie<9
  • Adds support for vmin in ie9
  • Adds support for display:inline-block in ie < 8
  • Adds support for break-before, break-after, break-inside in webkit
  • Add support for resolution media query:
    • Converts all ddpx and dpcm units to dpi (for more compatibility)
    • Converts min/max-resolution to -webkit-min/max-device-pixel-ratio for webkit
  • Fix multiple @charset at-rules
  • Fix @import position that must be on top of the css (only preceded by @charset)
  • etc...

You write:

.foo {
    clip: rect(1, 2, 3, 4);
    min-height: 50px;
    width: 23vmin;
}

And stylecow converts to:

.foo {
    clip: rect(1, 2, 3, 4);
    *clip: rect(1 2 3 4);
    _height: 50px;
    min-height: 50px;
    width: 23vm;
    width: 23vmin;
}

More demos in the tests folder