Skip to content

Instantly share code, notes, and snippets.

@mm201
Forked from alainmeier/Retina.css
Created November 1, 2012 18:15

Revisions

  1. mm201 revised this gist Nov 1, 2012. 1 changed file with 7 additions and 2 deletions.
    9 changes: 7 additions & 2 deletions gistfile1.css
    Original file line number Diff line number Diff line change
    @@ -1,6 +1,11 @@
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    @media only screen and (min--moz-device-pixel-ratio: 1.5), /* Gecko */
    only screen and (-o-min-device-pixel-ratio: 3/2), /* Opera */
    only screen and (-webkit-min-device-pixel-ratio: 1.5), /* Webkit */
    only screen and (min-device-pixel-ratio: 1.5), /* Webkit */
    only screen and (min-resolution: 144dpi) /* W3 */
    {
    .button-icon {
    background-image: url("path/to/image/[email protected]");
    background-size: 16px 16px;
    }
    }
    }
  2. @alainmeier alainmeier created this gist Jul 16, 2012.
    6 changes: 6 additions & 0 deletions gistfile1.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    .button-icon {
    background-image: url("path/to/image/[email protected]");
    background-size: 16px 16px;
    }
    }