Basic retina assets

by Ronny

HTML

<h1>Heading</h1>

CSS

h1 {
    background: url(http://rg/clients/conduit/retina/icon.jpg) left center no-repeat; padding: 50px 50px 50px 100px; outline: 1px solid green;
    background-size: 50px 50px;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  h1 {
    outline: 20px solid hotpink;
    background-image: url(http://rg/clients/conduit/retina/[email protected]);
}

}