Skip to content
Simple mixins for using retina background images.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
mixins
.gitignore
README.md
_retina-backgrounds.scss
bower.json
sache.json

README.md

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;
}
You can’t perform that action at this time.