// Image Mixins// - Responsive image// - Retina image// Responsive image//// Keep images from scaling beyond the width of their parents.@mixinimg-responsive($display:block){display:$display;width:100%\9;// Force IE10 and below to size SVG images correctlymax-width:100%;// Part 1: Set a maximum relative to the parentheight:auto;// Part 2: Scale the height according to the width, otherwise you get stretching}// Retina image//// Short retina mixin for setting background-image and -size. Note that the// spelling of `min--moz-device-pixel-ratio` is intentional.@mixinimg-retina($file-1x,$file-2x,$width-1x,$height-1x){background-image:url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-1x}"),"#{$file-1x}"));@mediaonlyscreenand(-webkit-min-device-pixel-ratio:2),onlyscreenand(min--moz-device-pixel-ratio:2),onlyscreenand(-o-min-device-pixel-ratio:2/1),onlyscreenand(min-device-pixel-ratio:2),onlyscreenand(min-resolution:192dpi),onlyscreenand(min-resolution:2dppx){background-image:url(if($bootstrap-sass-asset-helper, twbs-image-path("#{$file-2x}"),"#{$file-2x}"));background-size:$width-1x$height-1x;}}