Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 

sass-retina-backgrounds

Simple mixins for serving high-resolution background-images for retina displays. Uses classes generated from Modernizr to target browsers which don’t support media queries.

Install

Simply run the following within your project:

$ bower install sass-retina-backgrounds

application.scss file

@import "../bower_components/sass-retina-backgrounds/_retina-backgrounds.scss";

Syntax

@mixin retina-background-image($image, $width, $height, $extension)

Usage

$img-directory: '../img';

.logo {
  @include retina-background-image('#{$img-directory}/logo', $extension: 'png');
  width: 100px;
  height: 100px;
}

About

Simple mixins for using retina background images.

Resources

Releases

No releases published

Packages

No packages published

Languages