ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / letacommog / laindinois / wp-content / plugins / jscomposer / assets / lib / bower / bootstrap3 / less / mixins

// Image Mixins
// - Responsive image
// - Retina image

// Responsive image
//
// Keep images from scaling beyond the width of their parents.
.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
}

// Retina image
//
// Short retina mixin for setting background-image and -size. Note that the
// spelling of `min--moz-device-pixel-ratio` is intentional.
.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),
  only screen and (   min--moz-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
  only screen and (                min-resolution: 2dppx) {
    background-image: url("@{file-2x}");
    background-size: @width-1x @height-1x;
  }
}

[+] ..
[-] progress-bar.less [edit]
[-] nav-divider.less [edit]
[-] alerts.less [edit]
[-] grid.less [edit]
[-] border-radius.less [edit]
[-] clearfix.less [edit]
[-] background-variant.less [edit]
[-] resize.less [edit]
[-] size.less [edit]
[-] forms.less [edit]
[-] table-row.less [edit]
[-] text-emphasis.less [edit]
[-] reset-filter.less [edit]
[-] labels.less [edit]
[-] gradients.less [edit]
[-] image.less [edit]
[-] list-group.less [edit]
[-] center-block.less [edit]
[-] hide-text.less [edit]
[-] panels.less [edit]
[-] opacity.less [edit]
[-] pagination.less [edit]
[-] text-overflow.less [edit]
[-] tab-focus.less [edit]
[-] vendor-prefixes.less [edit]
[-] grid-framework.less [edit]
[-] buttons.less [edit]
[-] responsive-visibility.less [edit]
[-] nav-vertical-align.less [edit]