❤
npm
Sign UpSign In

rework-plugin-at2x

1.0.2 • Public • Published

rework-plugin-at2x

Build Status

at2x() plugin for rework, formerly included in core

.at2x()

Adds at-2x keyword to background and background-image declarations to add retina support for images.

.logo {
  background-image: url('component.png') at-2x;
  width: 289px;
  height: 113px
}

yields:

.logo {
  background-image: url('component.png');
  width: 289px;
  height: 113px
}
 
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .logo {
    background-image: url("component@2x.png");
    background-size: contain
  }
}

/rework-plugin-at2x/

    Package Sidebar

    Install

    npm i rework-plugin-at2x

    Repository

    github.com/reworkcss/rework-plugin-at2x

    Homepage

    github.com/reworkcss/rework-plugin-at2x

    Weekly Downloads

    1

    Version

    1.0.2

    License

    MIT

    Last publish

    Collaborators

    • bclinkinbeard
    • slexaxton
    • necolas
    • conradz
    • jongleberry
    Try on RunKit
    Report malware