update assets from bootstrap@3.3.7

assets/less/bootstrap/mixins/alerts.less

@@ -1,13 +1,14 @@
 // Alerts
 
 .alert-variant(@background; @border; @text-color) {
+  color: @text-color;
   background-color: @background;
   border-color: @border;
-  color: @text-color;
 
   hr {
     border-top-color: darken(@border, 5%);
   }
+
   .alert-link {
     color: darken(@text-color, 10%);
   }

assets/less/bootstrap/mixins/border-radius.less

@@ -1,18 +1,18 @@
 // Single side border-radius
 
 .border-top-radius(@radius) {
-  border-top-right-radius: @radius;
   border-top-left-radius: @radius;
+  border-top-right-radius: @radius;
 }
 .border-right-radius(@radius) {
-  border-bottom-right-radius: @radius;
   border-top-right-radius: @radius;
+  border-bottom-right-radius: @radius;
 }
 .border-bottom-radius(@radius) {
   border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
 }
 .border-left-radius(@radius) {
-  border-bottom-left-radius: @radius;
   border-top-left-radius: @radius;
+  border-bottom-left-radius: @radius;
 }

assets/less/bootstrap/mixins/buttons.less

@@ -24,6 +24,7 @@
   .open > .dropdown-toggle& {
     color: @color;
     background-color: darken(@background, 10%);
+    background-image: none;
     border-color: darken(@border, 12%);
 
     &:hover,
@@ -34,11 +35,6 @@
       border-color: darken(@border, 25%);
     }
   }
-  &:active,
-  &.active,
-  .open > .dropdown-toggle& {
-    background-image: none;
-  }
   &.disabled,
   &[disabled],
   fieldset[disabled] & {

assets/less/bootstrap/mixins/center-block.less

@@ -2,6 +2,6 @@
 
 .center-block() {
   display: block;
-  margin-left: auto;
   margin-right: auto;
+  margin-left: auto;
 }

assets/less/bootstrap/mixins/clearfix.less

@@ -13,8 +13,8 @@
 .clearfix() {
   &:before,
   &:after {
-    content: ' '; // 1
     display: table; // 2
+    content: " "; // 1
   }
   &:after {
     clear: both;

assets/less/bootstrap/mixins/forms.less

@@ -14,24 +14,24 @@
   &.radio label,
   &.checkbox label,
   &.radio-inline label,
-  &.checkbox-inline label {
+  &.checkbox-inline label  {
     color: @text-color;
   }
   // Set the border and box shadow on specific inputs to match
   .form-control {
     border-color: @border-color;
-    .box-shadow(inset 0 1px 1px rgba(0,0,0,0.075)); // Redeclare so transitions work
+    .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
     &:focus {
       border-color: darken(@border-color, 10%);
-      @shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px lighten(@border-color, 20%);
+      @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@border-color, 20%);
       .box-shadow(@shadow);
     }
   }
   // Set validation states also for addons
   .input-group-addon {
     color: @text-color;
-    border-color: @border-color;
     background-color: @background-color;
+    border-color: @border-color;
   }
   // Optional feedback icon
   .form-control-feedback {
@@ -39,6 +39,7 @@
   }
 }
 
+
 // Form control focus state
 //
 // Generate a customized focus state and for any input with the specified color,
@@ -52,11 +53,11 @@
 // Example usage: change the default blue border and shadow to white for better
 // contrast against a dark gray background.
 .form-control-focus(@color: @input-border-focus) {
-  @color-rgba: rgba(red(@color), green(@color), blue(@color), 0.6);
+  @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
   &:focus {
     border-color: @color;
     outline: 0;
-    .box-shadow(~'inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}');
+    .box-shadow(~"inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px @{color-rgba}");
   }
 }
 

assets/less/bootstrap/mixins/gradients.less

@@ -1,34 +1,17 @@
-// Gradients
+// stylelint-disable value-no-vendor-prefix, selector-max-id
 
 #gradient {
+
   // Horizontal gradient, from left to right
   //
   // Creates two color stops, start and end, by specifying a color and position for each color stop.
   // Color stops are not available in IE9 and below.
   .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(
-      left,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(
-      left,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Opera 12
-    background-image: linear-gradient(
-      to right,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12
+    background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
     background-repeat: repeat-x;
-    filter: e(
-      %(
-        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",
-        argb(@start-color),
-        argb(@end-color)
-      )
-    ); // IE9 and down
   }
 
   // Vertical gradient, from top to bottom
@@ -36,111 +19,41 @@
   // Creates two color stops, start and end, by specifying a color and position for each color stop.
   // Color stops are not available in IE9 and below.
   .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(
-      top,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(
-      top,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Opera 12
-    background-image: linear-gradient(
-      to bottom,
-      @start-color @start-percent,
-      @end-color @end-percent
-    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Safari 5.1-6, Chrome 10+
+    background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent);  // Opera 12
+    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
     background-repeat: repeat-x;
-    filter: e(
-      %(
-        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",
-        argb(@start-color),
-        argb(@end-color)
-      )
-    ); // IE9 and down
   }
 
   .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
-    background-repeat: repeat-x;
-    background-image: -webkit-linear-gradient(
-      @deg,
-      @start-color,
-      @end-color
-    ); // Safari 5.1-6, Chrome 10+
+    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+
     background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12
-    background-image: linear-gradient(
-      @deg,
-      @start-color,
-      @end-color
-    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-repeat: repeat-x;
   }
   .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(
-      left,
-      @start-color,
-      @mid-color @color-stop,
-      @end-color
-    );
+    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
     background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
     background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
     background-repeat: no-repeat;
-    filter: e(
-      %(
-        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",
-        argb(@start-color),
-        argb(@end-color)
-      )
-    ); // IE9 and down, gets no color-stop at all for proper fallback
   }
   .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
     background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
     background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
     background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
     background-repeat: no-repeat;
-    filter: e(
-      %(
-        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",
-        argb(@start-color),
-        argb(@end-color)
-      )
-    ); // IE9 and down, gets no color-stop at all for proper fallback
   }
   .radial(@inner-color: #555; @outer-color: #333) {
     background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
     background-image: radial-gradient(circle, @inner-color, @outer-color);
     background-repeat: no-repeat;
   }
-  .striped(@color: rgba(255,255,255,0.15); @angle: 45deg) {
-    background-image: -webkit-linear-gradient(
-      @angle,
-      @color 25%,
-      transparent 25%,
-      transparent 50%,
-      @color 50%,
-      @color 75%,
-      transparent 75%,
-      transparent
-    );
-    background-image: -o-linear-gradient(
-      @angle,
-      @color 25%,
-      transparent 25%,
-      transparent 50%,
-      @color 50%,
-      @color 75%,
-      transparent 75%,
-      transparent
-    );
-    background-image: linear-gradient(
-      @angle,
-      @color 25%,
-      transparent 25%,
-      transparent 50%,
-      @color 50%,
-      @color 75%,
-      transparent 75%,
-      transparent
-    );
+  .striped(@color: rgba(255, 255, 255, .15); @angle: 45deg) {
+    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+    background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
   }
 }

assets/less/bootstrap/mixins/grid-framework.less

@@ -5,43 +5,37 @@
 
 .make-grid-columns() {
   // Common styles for all sizes of grid columns, widths 1-12
-  .col(@index) {
-    // initial
-    @item: ~'.col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}';
+  .col(@index) { // initial
+    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
     .col((@index + 1), @item);
   }
-  .col(@index, @list) when (@index =< @grid-columns) {
-    // general; "=<" isn't a typo
-    @item: ~'.col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}';
-    .col((@index + 1), ~'@{list}, @{item}');
+  .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo
+    @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}";
+    .col((@index + 1), ~"@{list}, @{item}");
   }
-  .col(@index, @list) when (@index > @grid-columns) {
-    // terminal
+  .col(@index, @list) when (@index > @grid-columns) { // terminal
     @{list} {
       position: relative;
       // Prevent columns from collapsing when empty
       min-height: 1px;
       // Inner gutter via padding
-      padding-left: ceil((@grid-gutter-width / 2));
       padding-right: floor((@grid-gutter-width / 2));
+      padding-left: ceil((@grid-gutter-width / 2));
     }
   }
   .col(1); // kickstart it
 }
 
 .float-grid-columns(@class) {
-  .col(@index) {
-    // initial
-    @item: ~'.col-@{class}-@{index}';
+  .col(@index) { // initial
+    @item: ~".col-@{class}-@{index}";
     .col((@index + 1), @item);
   }
-  .col(@index, @list) when (@index =< @grid-columns) {
-    // general
-    @item: ~'.col-@{class}-@{index}';
-    .col((@index + 1), ~'@{list}, @{item}');
+  .col(@index, @list) when (@index =< @grid-columns) { // general
+    @item: ~".col-@{class}-@{index}";
+    .col((@index + 1), ~"@{list}, @{item}");
   }
-  .col(@index, @list) when (@index > @grid-columns) {
-    // terminal
+  .col(@index, @list) when (@index > @grid-columns) { // terminal
     @{list} {
       float: left;
     }

assets/less/bootstrap/mixins/grid.less

@@ -4,17 +4,17 @@
 
 // Centered container element
 .container-fixed(@gutter: @grid-gutter-width) {
+  padding-right: ceil((@gutter / 2));
+  padding-left: floor((@gutter / 2));
   margin-right: auto;
   margin-left: auto;
-  padding-left: floor((@gutter / 2));
-  padding-right: ceil((@gutter / 2));
   &:extend(.clearfix all);
 }
 
 // Creates a wrapper for a series of columns
 .make-row(@gutter: @grid-gutter-width) {
-  margin-left: ceil((@gutter / -2));
   margin-right: floor((@gutter / -2));
+  margin-left: ceil((@gutter / -2));
   &:extend(.clearfix all);
 }
 
@@ -24,8 +24,8 @@
   float: left;
   width: percentage((@columns / @grid-columns));
   min-height: 1px;
-  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
+  padding-left: (@gutter / 2);
 }
 .make-xs-column-offset(@columns) {
   margin-left: percentage((@columns / @grid-columns));
@@ -41,8 +41,8 @@
 .make-sm-column(@columns; @gutter: @grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
+  padding-left: (@gutter / 2);
 
   @media (min-width: @screen-sm-min) {
     float: left;
@@ -69,8 +69,8 @@
 .make-md-column(@columns; @gutter: @grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
+  padding-left: (@gutter / 2);
 
   @media (min-width: @screen-md-min) {
     float: left;
@@ -97,8 +97,8 @@
 .make-lg-column(@columns; @gutter: @grid-gutter-width) {
   position: relative;
   min-height: 1px;
-  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
+  padding-left: (@gutter / 2);
 
   @media (min-width: @screen-lg-min) {
     float: left;

assets/less/bootstrap/mixins/hide-text.less

@@ -1,3 +1,5 @@
+// stylelint-disable font-family-name-quotes, font-family-no-missing-generic-family-keyword
+
 // CSS image replacement
 //
 // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
@@ -8,7 +10,7 @@
 
 // Deprecated as of v3.0.1 (has been removed in v4)
 .hide-text() {
-  font: ~'0/0' a;
+  font: ~"0/0" a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;

assets/less/bootstrap/mixins/image.less

@@ -1,6 +1,4 @@
-// Image Mixins
-// - Responsive image
-// - Retina image
+// stylelint-disable media-feature-name-no-vendor-prefix, media-feature-parentheses-space-inside, media-feature-name-no-unknown, indentation, at-rule-name-space-after
 
 // Responsive image
 //
@@ -11,20 +9,22 @@
   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}');
+  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}');
+  @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;
   }
 }

assets/less/bootstrap/mixins/opacity.less

@@ -1,8 +1,7 @@
 // Opacity
 
 .opacity(@opacity) {
+  @opacity-ie: (@opacity * 100);  // IE8 filter
+  filter: ~"alpha(opacity=@{opacity-ie})";
   opacity: @opacity;
-  // IE8 filter
-  @opacity-ie: (@opacity * 100);
-  filter: ~'alpha(opacity=@{opacity-ie})';
 }

assets/less/bootstrap/mixins/reset-filter.less

@@ -4,5 +4,5 @@
 // the IE filter for IE9 and below.
 
 .reset-filter() {
-  filter: e(%('progid:DXImageTransform.Microsoft.gradient(enabled = false)'));
+  filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
 }

assets/less/bootstrap/mixins/reset-text.less

@@ -2,17 +2,17 @@
   font-family: @font-family-base;
   // We deliberately do NOT reset font-size.
   font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-break: auto;
+  font-weight: 400;
   line-height: @line-height-base;
+  line-break: auto;
   text-align: left; // Fallback for where `start` is not supported
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
-  white-space: normal;
+  letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   word-wrap: normal;
+  white-space: normal;
 }

assets/less/bootstrap/mixins/resize.less

@@ -1,6 +1,6 @@
 // Resize anything
 
 .resizable(@direction) {
-  resize: @direction; // Options: horizontal, vertical, both
   overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+  resize: @direction; // Options: horizontal, vertical, both
 }

assets/less/bootstrap/mixins/responsive-visibility.less

@@ -1,19 +1,11 @@
-// Responsive utilities
+// stylelint-disable declaration-no-important
 
-//
-// More easily include all the states for responsive-utilities.less.
 .responsive-visibility() {
   display: block !important;
-  table& {
-    display: table !important;
-  }
-  tr& {
-    display: table-row !important;
-  }
+  table&  { display: table !important; }
+  tr&     { display: table-row !important; }
   th&,
-  td& {
-    display: table-cell !important;
-  }
+  td&     { display: table-cell !important; }
 }
 
 .responsive-invisibility() {

assets/less/bootstrap/mixins/vendor-prefixes.less

@@ -1,3 +1,5 @@
+// stylelint-disable indentation, property-no-vendor-prefix, selector-no-vendor-prefix
+
 // Vendor Prefixes
 //
 // All vendor mixins are deprecated as of v3.2.0 due to the introduction of
@@ -14,39 +16,40 @@
 // - Transitions
 // - User Select
 
+
 // Animations
 .animation(@animation) {
   -webkit-animation: @animation;
-  -o-animation: @animation;
-  animation: @animation;
+       -o-animation: @animation;
+          animation: @animation;
 }
 .animation-name(@name) {
   -webkit-animation-name: @name;
-  animation-name: @name;
+          animation-name: @name;
 }
 .animation-duration(@duration) {
   -webkit-animation-duration: @duration;
-  animation-duration: @duration;
+          animation-duration: @duration;
 }
 .animation-timing-function(@timing-function) {
   -webkit-animation-timing-function: @timing-function;
-  animation-timing-function: @timing-function;
+          animation-timing-function: @timing-function;
 }
 .animation-delay(@delay) {
   -webkit-animation-delay: @delay;
-  animation-delay: @delay;
+          animation-delay: @delay;
 }
 .animation-iteration-count(@iteration-count) {
   -webkit-animation-iteration-count: @iteration-count;
-  animation-iteration-count: @iteration-count;
+          animation-iteration-count: @iteration-count;
 }
 .animation-direction(@direction) {
   -webkit-animation-direction: @direction;
-  animation-direction: @direction;
+          animation-direction: @direction;
 }
 .animation-fill-mode(@fill-mode) {
   -webkit-animation-fill-mode: @fill-mode;
-  animation-fill-mode: @fill-mode;
+          animation-fill-mode: @fill-mode;
 }
 
 // Backface visibility
@@ -55,8 +58,8 @@
 
 .backface-visibility(@visibility) {
   -webkit-backface-visibility: @visibility;
-  -moz-backface-visibility: @visibility;
-  backface-visibility: @visibility;
+     -moz-backface-visibility: @visibility;
+          backface-visibility: @visibility;
 }
 
 // Drop shadows
@@ -66,34 +69,34 @@
 
 .box-shadow(@shadow) {
   -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
-  box-shadow: @shadow;
+          box-shadow: @shadow;
 }
 
 // Box sizing
 .box-sizing(@boxmodel) {
   -webkit-box-sizing: @boxmodel;
-  -moz-box-sizing: @boxmodel;
-  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;
+     -moz-column-count: @column-count;
+          column-count: @column-count;
   -webkit-column-gap: @column-gap;
-  -moz-column-gap: @column-gap;
-  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;
+     -moz-hyphens: @mode;
+      -ms-hyphens: @mode; // IE10+
+       -o-hyphens: @mode;
+          hyphens: @mode;
+  word-wrap: break-word;
 }
 
 // Placeholder text
@@ -103,126 +106,124 @@
     color: @color;
     opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
   }
-  &:-ms-input-placeholder {
-    color: @color;
-  } // Internet Explorer 10+
-  &::-webkit-input-placeholder {
-    color: @color;
-  } // Safari and Chrome
+  &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+
+  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
 }
 
 // Transformations
 .scale(@ratio) {
   -webkit-transform: scale(@ratio);
-  -ms-transform: scale(@ratio); // IE9 only
-  -o-transform: scale(@ratio);
-  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);
+      -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);
+      -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);
+      -ms-transform: scaleY(@ratio); // IE9 only
+       -o-transform: scaleY(@ratio);
+          transform: scaleY(@ratio);
 }
 .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);
+      -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);
+      -ms-transform: translate(@x, @y); // IE9 only
+       -o-transform: translate(@x, @y);
+          transform: translate(@x, @y);
 }
 .translate3d(@x; @y; @z) {
   -webkit-transform: translate3d(@x, @y, @z);
-  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);
+      -ms-transform: rotate(@degrees); // IE9 only
+       -o-transform: rotate(@degrees);
+          transform: rotate(@degrees);
 }
 .rotateX(@degrees) {
   -webkit-transform: rotateX(@degrees);
-  -ms-transform: rotateX(@degrees); // IE9 only
-  -o-transform: rotateX(@degrees);
-  transform: rotateX(@degrees);
+      -ms-transform: rotateX(@degrees); // IE9 only
+       -o-transform: rotateX(@degrees);
+          transform: rotateX(@degrees);
 }
 .rotateY(@degrees) {
   -webkit-transform: rotateY(@degrees);
-  -ms-transform: rotateY(@degrees); // IE9 only
-  -o-transform: rotateY(@degrees);
-  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;
+     -moz-perspective: @perspective;
+          perspective: @perspective;
 }
 .perspective-origin(@perspective) {
   -webkit-perspective-origin: @perspective;
-  -moz-perspective-origin: @perspective;
-  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
-  transform-origin: @origin;
+     -moz-transform-origin: @origin;
+      -ms-transform-origin: @origin; // IE9 only
+          transform-origin: @origin;
 }
 
+
 // Transitions
 
 .transition(@transition) {
   -webkit-transition: @transition;
-  -o-transition: @transition;
-  transition: @transition;
+       -o-transition: @transition;
+          transition: @transition;
 }
 .transition-property(@transition-property) {
   -webkit-transition-property: @transition-property;
-  transition-property: @transition-property;
+          transition-property: @transition-property;
 }
 .transition-delay(@transition-delay) {
   -webkit-transition-delay: @transition-delay;
-  transition-delay: @transition-delay;
+          transition-delay: @transition-delay;
 }
 .transition-duration(@transition-duration) {
   -webkit-transition-duration: @transition-duration;
-  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-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;
+     -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;
+     -moz-user-select: @select;
+      -ms-user-select: @select; // IE10+
+          user-select: @select;
 }