12345678910111213141516171819202122232425262728293031 |
- @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: false) {
- @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;
- }
- }
|