_retina-image.scss 835 B

12345678910111213141516171819202122232425
  1. @mixin retina-image($filename, $background-size, $extension: png, $retina-filename: null, $retina-suffix: _2x, $asset-pipeline: $asset-pipeline) {
  2. @if $asset-pipeline {
  3. background-image: image-url("#{$filename}.#{$extension}");
  4. } @else {
  5. background-image: url("#{$filename}.#{$extension}");
  6. }
  7. @include hidpi {
  8. @if $asset-pipeline {
  9. @if $retina-filename {
  10. background-image: image-url("#{$retina-filename}.#{$extension}");
  11. } @else {
  12. background-image: image-url("#{$filename}#{$retina-suffix}.#{$extension}");
  13. }
  14. } @else {
  15. @if $retina-filename {
  16. background-image: url("#{$retina-filename}.#{$extension}");
  17. } @else {
  18. background-image: url("#{$filename}#{$retina-suffix}.#{$extension}");
  19. }
  20. }
  21. background-size: $background-size;
  22. }
  23. }