// Vendor Prefixes
  //
  // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
  // Autoprefixer in our Gruntfile. They will be removed in v4.

  // - Animations
  // - Backface visibility
  // - Box shadow
  // - Box sizing
  // - Content columns
  // - Hyphens
  // - Placeholder text
  // - Transformations
  // - Transitions
  // - User Select
  // Animations
  .Prefixes(@key;@value){
    -webkit-@{key}: @value;
       -moz-@{key}: @value;
        -ms-@{key}: @value;
         -o-@{key}: @value;
            @{key}: @value;
  }
  .animation(@animation) {
    -webkit-animation: @animation;
         -o-animation: @animation;
            animation: @animation;
  }
  .animation-name(@name) {
    -webkit-animation-name: @name;
            animation-name: @name;
  }
  .animation-duration(@duration) {
    -webkit-animation-duration: @duration;
            animation-duration: @duration;
  }
  .animation-timing-function(@timing-function) {
    -webkit-animation-timing-function: @timing-function;
            animation-timing-function: @timing-function;
  }
  .animation-delay(@delay) {
    -webkit-animation-delay: @delay;
            animation-delay: @delay;
  }
  .animation-iteration-count(@iteration-count) {
    -webkit-animation-iteration-count: @iteration-count;
            animation-iteration-count: @iteration-count;
  }
  .animation-direction(@direction) {
    -webkit-animation-direction: @direction;
            animation-direction: @direction;
  }
  .animation-fill-mode(@fill-mode) {
    -webkit-animation-fill-mode: @fill-mode;
            animation-fill-mode: @fill-mode;
  }

  // Backface visibility
  // Prevent browsers from flickering when using CSS 3D transforms.
  // Default value is `visible`, but can be changed to `hidden`

  .backface-visibility(@visibility){
    -webkit-backface-visibility: @visibility;
       -moz-backface-visibility: @visibility;
            backface-visibility: @visibility;
  }


    // Background Size

  .background-size(@size){
  	-webkit-background-size: @size;
  	-moz-background-size: @size;
  	-o-background-size: @size;
  	background-size: @size;
  }


  // Drop shadows
  //
  // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
  // supported browsers that have box shadow capabilities now support it.

  .multi-box-shadow(@shadow,@shadow2,@shadow3:0 0 0 rgba(0,0,0,0),@shadow4:0 0 0 rgba(0,0,0,0)) {
    -webkit-box-shadow: @shadow,@shadow2,@shadow3,@shadow4; // iOS <4.3 & Android <4.1
            box-shadow: @shadow,@shadow2,@shadow3,@shadow4;
  }
  .box-shadow(@shadow) {
    -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
            box-shadow: @shadow;
  }

  // Box sizing
  .box-sizing(@boxmodel) {
    -webkit-box-sizing: @boxmodel;
       -moz-box-sizing: @boxmodel;
            box-sizing: @boxmodel;
  }

  // CSS3 Content Columns
  .content-columns(@column-count; @column-gap: @grid-gutter-width) {
    -webkit-column-count: @column-count;
       -moz-column-count: @column-count;
            column-count: @column-count;
    -webkit-column-gap: @column-gap;
       -moz-column-gap: @column-gap;
            column-gap: @column-gap;
  }

  // Optional hyphenation
  .hyphens(@mode: auto) {
    word-wrap: break-word;
    -webkit-hyphens: @mode;
       -moz-hyphens: @mode;
        -ms-hyphens: @mode; // IE10+
         -o-hyphens: @mode;
            hyphens: @mode;
  }

  // Placeholder text
  .placeholder(@color: @input-color-placeholder;@font-size:@font-size-small) {
    &::-moz-placeholder           { .low-color( @color );   // Firefox
                                    font-size:@font-size;
                                    opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526
    &:-ms-input-placeholder       { .low-color( @color ); font-size:@font-size;  } // Internet Explorer 10+
    &::-webkit-input-placeholder  { .low-color( @color ); font-size:@font-size;  } // Safari and Chrome
  }

  // Transformations

  .transform(@transform){
    -webkit-transform: @transform;
       -moz-transform: @transform;
        -ms-transform: @transform;
         -o-transform: @transform;
            transform: @transform;
  }
  .scale(@ratio) {
    -webkit-transform: scale(@ratio);
       -moz-transform: scale(@ratio);
        -ms-transform: scale(@ratio); // IE9 only
         -o-transform: scale(@ratio);
            transform: scale(@ratio);
  }
  .scale(@ratioX; @ratioY) {
    -webkit-transform: scale(@ratioX, @ratioY);
        -ms-transform: scale(@ratioX, @ratioY); // IE9 only
         -o-transform: scale(@ratioX, @ratioY);
            transform: scale(@ratioX, @ratioY);
  }
  .scaleX(@ratio) {
    -webkit-transform: scaleX(@ratio);
        -ms-transform: scaleX(@ratio); // IE9 only
         -o-transform: scaleX(@ratio);
            transform: scaleX(@ratio);
  }
  .scaleY(@ratio) {
    -webkit-transform: scaleY(@ratio);
        -ms-transform: scaleY(@ratio); // IE9 only
         -o-transform: scaleY(@ratio);
            transform: scaleY(@ratio);
  }
  .scale3d(@x; @y; @z) {
    -webkit-transform: scale3d(@x, @y, @z);
            transform: scale3d(@x, @y, @z);
  }
  .skew(@x; @y) {
    -webkit-transform: skewX(@x) skewY(@y);
        -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
         -o-transform: skewX(@x) skewY(@y);
            transform: skewX(@x) skewY(@y);
  }
  .translate(@x; @y) {
    -webkit-transform: translate(@x, @y);
        -ms-transform: translate(@x, @y); // IE9 only
         -o-transform: translate(@x, @y);
            transform: translate(@x, @y);
  }
  .translateY(@y){
    -webkit-transform: translateY(@y);
       -moz-transform: translateY(@y);
        -ms-transform: translateY(@y);
         -o-transform: translateY(@y);
            transform: translateY(@y);
  }
  .translateX(@x){
    -webkit-transform: translateX(@x);
       -moz-transform: translateX(@x);
        -ms-transform: translateX(@x);
         -o-transform: translateX(@x);
            transform: translateX(@x);
  }

  .translate3d(@x; @y; @z) {
    -webkit-transform: translate3d(@x, @y, @z);
            transform: translate3d(@x, @y, @z);
  }
  .rotate(@degrees) {
    -webkit-transform: rotate(@degrees);
        -ms-transform: rotate(@degrees); // IE9 only
         -o-transform: rotate(@degrees);
            transform: rotate(@degrees);
  }
  .rotateX(@degrees) {
    -webkit-transform: rotateX(@degrees);
       -moz-transform: rotateX(@degrees);
        -ms-transform: rotateX(@degrees); // IE9 only
         -o-transform: rotateX(@degrees);
            transform: rotateX(@degrees);
  }
  .rotateY(@degrees) {
    -webkit-transform: rotateY(@degrees);
       -moz-transform: rotateY(@degrees);
        -ms-transform: rotateY(@degrees); // IE9 only
         -o-transform: rotateY(@degrees);
            transform: rotateY(@degrees);
  }
  .perspective(@perspective) {
    -webkit-perspective: @perspective;
       -moz-perspective: @perspective;
            perspective: @perspective;
  }
  .perspective-origin(@perspective) {
    -webkit-perspective-origin: @perspective;
       -moz-perspective-origin: @perspective;
            perspective-origin: @perspective;
  }
  .transform-origin(@origin) {
    -webkit-transform-origin: @origin;
       -moz-transform-origin: @origin;
        -ms-transform-origin: @origin; // IE9 only
         -o-transform-origin: @origin;
            transform-origin: @origin;
  }
  .transform-style(@preserve){
      -webkit-transform-style: @preserve;
         -moz-transform-style: @preserve;
          -ms-transform-style: @preserve;
           -o-transform-style: @preserve;
              transform-style: @preserve;
  }

  // Transitions
  .transition-multi(@transition1 ,@transition2 ,@transition3:all){
    -webkit-transition: @transition1 ,@transition2 ,@transition3;
       -moz-transition: @transition1 ,@transition2 ,@transition3;
        -ms-transition: @transition1 ,@transition2 ,@transition3; // IE9 only
         -o-transition: @transition1 ,@transition2 ,@transition3; // IE9 only
            transition: @transition1 ,@transition2 ,@transition3;
  }
  .transition(@transition) {
    -webkit-transition: @transition;
       -moz-transition: @transition;
        -ms-transition: @transition; // IE9 only
         -o-transition: @transition; // IE9 only
            transition: @transition;
  }
  .transition-property(@transition-property) {
    -webkit-transition-property: @transition-property;
            transition-property: @transition-property;
  }
  .transition-delay(@transition-delay) {
    -webkit-transition-delay: @transition-delay;
       -moz-transition-delay: @transition-delay;
            transition-delay: @transition-delay;
  }
  .transition-duration(@transition-duration) {
    -webkit-transition-duration: @transition-duration;
            transition-duration: @transition-duration;
  }
  .transition-timing-function(@timing-function) {
    -webkit-transition-timing-function: @timing-function;
            transition-timing-function: @timing-function;
  }
  .transition-transform(@transition) {
    -webkit-transition: -webkit-transform @transition;
       -moz-transition: -moz-transform @transition;
         -o-transition: -o-transform @transition;
            transition: transform @transition;
  }


  // User select
  // For selecting text on the page

  .user-select(@select) {
    -webkit-user-select: @select;
       -moz-user-select: @select;
        -ms-user-select: @select; // IE10+
            user-select: @select;
  }