| @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) { |
| @if $asset-pipeline { |
| background-image: image-url("#{$filename}.#{$extension}"); |
| } |
| @else { |
| background-image: url("#{$filename}.#{$extension}"); |
| } |
| |
| @include hidpi { |
| @if $asset-pipeline { |
| @if $retina-filename { |
| background-image: image-url("#{$retina-filename}.#{$extension}"); |
| } |
| @else { |
| background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}"); |
| } |
| } |
| |
| @else { |
| @if $retina-filename { |
| background-image: url("#{$retina-filename}.#{$extension}"); |
| } |
| @else { |
| background-image: url("#{$filename}#{$retina-suffix}.#{$extension}"); |
| } |
| } |
| |
| background-size: $background-size; |
| |
| } |
| } |