32 lines
845 B
SCSS
32 lines
845 B
SCSS
|
@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;
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|