diff options
Diffstat (limited to '')
| -rw-r--r-- | assets/css/bootstrap-3.3.2/mixins/image.less (renamed from assets/css/lib/bootstrap/mixins/_image.scss) | 13 |
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; } } |