npm

Ready to take your JavaScript development to the next level? Meet npm Enterprise - the ultimate in enterprise JavaScript.Learn more »

postcss-object-fit-images

1.1.2 • Public • Published

PostCSS Object Fit Images Build Status

PostCSS plugin that updates the standard object-fit tag to work with the object-fit-images polyfill for browsers that do not natively support object-fit..

For use with object-fit-images

.foo {
    object-fit: cover;
    object-position: top;
}

Compiles to:

.foo {
    font-family: "object-fit: cover; object-position: top";
    object-fit: cover;
    object-position: top;
}

Existing font and font-family

Existing font and font-family declarations are kept and object-fit-images will still work:

.foo {
    object-fit: cover;
    object-position: top;
    font-family: "Helvetica Neue";
}
 
/* Compiles to: */
 
.foo {
    object-fit: cover;
    object-position: top;
    font-family: "object-fit:cover;object-position:top""Helvetica Neue";
}
.foo {
    object-fit: cover;
    object-position: top;
    font: strong 1em/1.4 "Helvetica Neue";
}
 
/* Compiles to: */
 
.foo {
    object-fit: cover;
    object-position: top;
    font: strong 1em/1.4 "Helvetica Neue";
    font-family: "object-fit:cover;object-position:top""Helvetica Neue";
}

Usage

postcss([ require('postcss-object-fit-images') ])

See PostCSS docs for examples for your environment.

Contributors

install

npm i postcss-object-fit-images

Downloadsweekly downloads

10,784

version

1.1.2

license

MIT

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability