shuffle things around on the way to a bootstrap-based configurable website

1 files changed, 6 insertions, 7 deletions

diff --git a/assets/css/lib/bootstrap/mixins/_image.scss b/assets/css/bootstrap-3.3.2/mixins/image.less
index 57d60a3..f233cb3 100644
--- a/assets/css/lib/bootstrap/mixins/_image.scss
+++ b/assets/css/bootstrap-3.3.2/mixins/image.less
@@ -6,9 +6,8 @@
 // Responsive image
 //
 // Keep images from scaling beyond the width of their parents.
-@mixin img-responsive($display: block) {
-  display: $display;
-  width: 100% \9; // Force IE10 and below to size SVG images correctly
+.img-responsive(@display: block) {
+  display: @display;
   max-width: 100%; // Part 1: Set a maximum relative to the parent
   height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
 }
@@ -18,8 +17,8 @@
 //
 // Short retina mixin for setting background-image and -size. Note that the
 // spelling of `min--moz-device-pixel-ratio` is intentional.
-@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
-  background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"), "#{$file-1x}"));
+.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
+  background-image: url("@{file-1x}");
 
   @media
   only screen and (-webkit-min-device-pixel-ratio: 2),
@@ -28,7 +27,7 @@
   only screen and (        min-device-pixel-ratio: 2),
   only screen and (                min-resolution: 192dpi),
   only screen and (                min-resolution: 2dppx) {
-    background-image: url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"), "#{$file-2x}"));
-    background-size: $width-1x $height-1x;
+    background-image: url("@{file-2x}");
+    background-size: @width-1x @height-1x;
   }
 }