| 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;  }}
 |