@transferwise/neptune-css 12.4.2 → 12.5.0

package/src/less/buttons.less

@@ -1,8 +1,8 @@
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) '../variables/legacy-variables.less';
-@import './mixins/_buttons.less';
-@import './mixins/_tab-focus.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "../variables/legacy-variables.less";
+@import "./mixins/_buttons.less";
+@import "./mixins/_tab-focus.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .btn {
   display: inline-block;
@@ -13,7 +13,8 @@
   touch-action: manipulation;
   cursor: pointer;
   // @TODO Remove?
-  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  background-image: none;
   border: 1px solid transparent;
   white-space: nowrap;
 
@@ -429,7 +430,7 @@ input[type="button"] {
   margin-bottom: -8px;
   background-repeat: no-repeat;
   background-position: center;
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNwaW5uZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjkuMjA1NjQzNzklIiB4Mj0iMTAwJSIgeTI9IjIwLjc0NzEwMDclIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E4QUFBQyIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNBOEFBQUMiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IlNwaW5uZXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMiwyNCBDNS4zNzI1ODMsMjQgMCwxOC42Mjc0MTcgMCwxMiBDMCw1LjM3MjU4MyA1LjM3MjU4MywwIDEyLDAgTDEyLDIgQzYuNDc3MTUyNSwyIDIsNi40NzcxNTI1IDIsMTIgQzIsMTcuNTIyODQ3NSA2LjQ3NzE1MjUsMjIgMTIsMjIgQzE3LjUyMjg0NzUsMjIgMjIsMTcuNTIyODQ3NSAyMiwxMiBMMjQsMTIgQzI0LDE4LjYyNzQxNyAxOC42Mjc0MTcsMjQgMTIsMjQgWiIgaWQ9InNwaW4iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
+  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNwaW5uZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjUwJSIgeTE9IjkuMjA1NjQzNzklIiB4Mj0iMTAwJSIgeTI9IjIwLjc0NzEwMDclIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+ICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0E4QUFBQyIgb2Zmc2V0PSIwJSI+PC9zdG9wPiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNBOEFBQUMiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+ICAgICAgICA8L2xpbmVhckdyYWRpZW50PiAgICA8L2RlZnM+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IlNwaW5uZXIiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPiAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMiwyNCBDNS4zNzI1ODMsMjQgMCwxOC42Mjc0MTcgMCwxMiBDMCw1LjM3MjU4MyA1LjM3MjU4MywwIDEyLDAgTDEyLDIgQzYuNDc3MTUyNSwyIDIsNi40NzcxNTI1IDIsMTIgQzIsMTcuNTIyODQ3NSA2LjQ3NzE1MjUsMjIgMTIsMjIgQzE3LjUyMjg0NzUsMjIgMjIsMTcuNTIyODQ3NSAyMiwxMiBMMjQsMTIgQzI0LDE4LjYyNzQxNyAxOC42Mjc0MTcsMjQgMTIsMjQgWiIgaWQ9InNwaW4iIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==");
   animation: rotating 0.4s linear infinite;
 }
 

package/src/less/chevron.less

@@ -1,5 +1,5 @@
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .tw-chevron {
   display: inline-block;

package/src/less/circles.less

@@ -1,6 +1,6 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_circle.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_circle.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 @circle-xs-diameter: 24px;
 @circle-sm-diameter: 48px;

package/src/less/close.less

@@ -1,6 +1,6 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_tab-focus.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_tab-focus.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .close {
   .float(right);

package/src/less/column-layout.less

@@ -1,6 +1,6 @@
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .column-layout {
   width: 100%;

package/src/less/components/_component-animations.less

@@ -33,7 +33,7 @@
   transition-property: height, visibility;
 }
 
-[data-toggle='collapse'] {
+[data-toggle="collapse"] {
   text-decoration: none;
 
   &:hover,

package/src/less/core/_fonts.less

@@ -1,26 +1,26 @@
 @font-face {
   font-weight: var(--font-weight-regular);
-  font-family: 'Averta';
+  font-family: Averta;
   src:
-    url('../fonts/TW-Averta-Regular.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Regular.woff') format('woff');
+    url("../fonts/TW-Averta-Regular.woff2") format("woff2"),
+    url("../fonts/TW-Averta-Regular.woff") format("woff");
   font-display: swap;
 }
 
 @font-face {
   font-weight: var(--font-weight-semi-bold);
-  font-family: 'Averta';
+  font-family: Averta;
   src:
-    url('../fonts/TW-Averta-Semibold.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Semibold.woff') format('woff');
+    url("../fonts/TW-Averta-Semibold.woff2") format("woff2"),
+    url("../fonts/TW-Averta-Semibold.woff") format("woff");
   font-display: swap;
 }
 
 @font-face {
   font-weight: var(--font-weight-bold);
-  font-family: 'Averta';
+  font-family: Averta;
   src:
-    url('../fonts/TW-Averta-Bold.woff2') format('woff2'),
-    url('../fonts/TW-Averta-Bold.woff') format('woff');
+    url("../fonts/TW-Averta-Bold.woff2") format("woff2"),
+    url("../fonts/TW-Averta-Bold.woff") format("woff");
   font-display: swap;
 }

package/src/less/core/_scaffolding.less

@@ -1,5 +1,5 @@
-@import (reference) '../../variables/neptune-tokens.less';
-@import (reference) '../mixins/_logical-properties.less';
+@import (reference) "../../variables/neptune-tokens.less";
+@import (reference) "../mixins/_logical-properties.less";
 
 *,
 ::before,
@@ -77,11 +77,6 @@ a,
     color: var(--color-content-accent-active);
   }
 
-  &:focus {
-    outline: thin dotted rgba(0, 0, 0, 0.5);
-    outline-offset: 2px;
-  }
-
   &.secondary {
     color: var(--color-content-secondary);
     font-weight: var(--font-weight-regular);
@@ -146,9 +141,9 @@ select {
 }
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+[type="button"],
+[type="reset"],
+[type="submit"] {
   cursor: pointer;
   appearance: button; // Normalize 8.0.1
 
@@ -165,24 +160,24 @@ button,
 // iOS "clickable elements" fix for role="button"
 // see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
 
-[role='button'] {
+[role="button"] {
   cursor: pointer;
 }
 
-[type='checkbox'],
-[type='radio'] {
+[type="checkbox"],
+[type="radio"] {
   box-sizing: border-box; // Normalize 8.0.1
   padding: 0; // Normalize 8.0.1
 }
 
-[type='number'] {
+[type="number"] {
   &::-webkit-inner-spin-button,
   &::-webkit-outer-spin-button {
     height: auto; // Normalize 8.0.1
   }
 }
 
-[type='search'] {
+[type="search"] {
   outline-offset: -2px; // Normalize 8.0.1
   appearance: textfield; // Normalize 8.0.1
 
@@ -276,7 +271,7 @@ dd {
     &::before,
     &::after {
       display: table;
-      content: ' ';
+      content: " ";
     }
 
     &::after {

package/src/less/core/_typography-utilities.less

@@ -1,6 +1,6 @@
-@import (reference) '../../variables/neptune-tokens.less';
-@import (reference) '../mixins/_logical-properties.less';
-@import '../mixins/_text-emphasis.less';
+@import (reference) "../../variables/neptune-tokens.less";
+@import (reference) "../mixins/_logical-properties.less";
+@import "../mixins/_text-emphasis.less";
 
 // Deprecated classes in next iterations.
 
@@ -179,7 +179,11 @@
 
 .text-positive,
 .text-success {
-  .text-emphasis-variant(var(--color-content-positive), var(--color-content-positive), var(--color-content-positive-hover));
+  .text-emphasis-variant(
+    var(--color-content-positive),
+    var(--color-content-positive),
+    var(--color-content-positive-hover)
+  );
 
   .bg-primary & {
     color: @color-navy-content-positive !important;
@@ -209,7 +213,11 @@
 
 .text-negative,
 .text-danger {
-  .text-emphasis-variant(var(--color-content-negative), var(--color-content-negative), var(--color-content-negative-hover));
+  .text-emphasis-variant(
+    var(--color-content-negative),
+    var(--color-content-negative),
+    var(--color-content-negative-hover)
+  );
 
   .bg-primary & {
     color: @color-navy-content-negative !important;
@@ -235,6 +243,7 @@
 
 .display-1 {
   margin-bottom: var(--size-24);
+  /* stylelint-disable-next-line number-max-precision */
   font-size: 3.7333333333rem;
 
   @media (--screen-md) {
@@ -245,6 +254,7 @@
 
 .display-2 {
   margin-bottom: var(--size-24);
+  /* stylelint-disable-next-line number-max-precision */
   font-size: 3.7333333333rem;
 
   @media (--screen-md) {
@@ -265,6 +275,7 @@
 
 .display-4 {
   margin-bottom: var(--size-4);
+  /* stylelint-disable-next-line number-max-precision */
   font-size: 1.8666666667rem; // 28/15px
 
   @media (--screen-md) {
@@ -275,6 +286,7 @@
 
 .display-5 {
   margin-bottom: var(--size-4);
+  /* stylelint-disable-next-line number-max-precision */
   font-size: 1.8666666667rem; // 28/15px
 
   @media (--screen-md) {
@@ -285,7 +297,7 @@
 
 .colored-dot {
   &::after {
-    content: '.';
+    content: ".";
     color: var(--color-content-accent);
   }
 

package/src/less/core/_typography.less

@@ -1,5 +1,5 @@
-@import (reference) '../../variables/neptune-tokens.less';
-@import (reference) '../mixins/_logical-properties.less';
+@import (reference) "../../variables/neptune-tokens.less";
+@import (reference) "../mixins/_logical-properties.less";
 
 // Deprecated classes. To remove in next iterations
 
@@ -231,7 +231,7 @@ blockquote {
     line-height: var(--line-height-body);
 
     &::before {
-      content: '\2014 \00A0'; // em dash, nbsp
+      content: "\2014 \00A0"; // em dash, nbsp
     }
   }
 
@@ -258,11 +258,11 @@ blockquote {
 
   footer {
     &::before {
-      content: '';
+      content: "";
     }
 
     &::after {
-      content: '\00A0 \2014'; // nbsp, em dash
+      content: "\00A0 \2014"; // nbsp, em dash
     }
   }
 }
@@ -272,7 +272,7 @@ code,
 kbd,
 samp {
   font-size: 1em;
-  font-family: Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
+  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   border-radius: 3px;
 }
 

package/src/less/currency-flags.less

@@ -1,4 +1,4 @@
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "./mixins/_logical-properties.less";
 
 .currency-flag {
   box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.6);

package/src/less/decision.less

@@ -1,5 +1,5 @@
-@import (reference) '../variables/neptune-tokens.less';
-@import (reference) './core/_typography.less';
+@import (reference) "../variables/neptune-tokens.less";
+@import (reference) "./core/_typography.less";
 
 .decision {
   display: block;
@@ -54,7 +54,8 @@
   }
 
   &:not(.disabled):hover {
-    // TODO: Replace this color on rebrand. Custom hover color added to distinct decision hover color from product page backgrounds.
+    // TODO: Replace this color on rebrand.
+    // Custom hover color added to distinct decision hover color from product page backgrounds.
     background-color: #86a7bd12;
 
     .circle-inverse {

package/src/less/dropdowns.less

@@ -1,8 +1,8 @@
-@import (reference)  '../variables/neptune-tokens.less';
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_border-radius.less';
-@import (reference) './mixins/_logical-properties.less';
-@import (reference) 'bootstrap/less/mixins/nav-divider.less';
+@import (reference)  "../variables/neptune-tokens.less";
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_border-radius.less";
+@import (reference) "./mixins/_logical-properties.less";
+@import (reference) "bootstrap/less/mixins/nav-divider.less";
 
 //
 // Dropdown menus
@@ -97,7 +97,8 @@
 }
 
 .dropdown-menu-closed() {
-  // the visibility transition here allows us to wait for the opacity/transform animation to finish before we make it hidden.
+  // the visibility transition here allows us to wait
+  // for the opacity/transform animation to finish before we make it hidden.
   transition:
     opacity 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
     transform 0.2s cubic-bezier(0.6, 0.2, 0.1, 1),
@@ -109,7 +110,7 @@
 
 .dropdown-menu,
 .btn-group .dropdown-menu {
-  max-width: ~'calc(100vw - 32px)';
+  max-width: ~"calc(100vw - 32px)";
 
   &.dropdown-menu-sm {
     width: 220px;
@@ -288,7 +289,7 @@
 // Dropdown section headers
 .dropdown-header {
   display: block;
-  padding: 8px 16px 8px;
+  padding: 8px 16px;
   font-size: var(--font-size-14);
   line-height: var(--line-height-body);
   color: var(--color-content-secondary);
@@ -340,5 +341,5 @@
 }
 
 .bootstrap-select .dropdown-menu {
-  margin: -8px 0 -6px 0;
+  margin: -8px 0 -6px;
 }

package/src/less/droppable.less

@@ -1,5 +1,5 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .droppable {
   position: relative;

package/src/less/flex.less

@@ -1,8 +1,8 @@
 // mixins
-@import (reference) './mixins/_flex.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "./mixins/_flex.less";
+@import (reference) "./mixins/_logical-properties.less";
 
-.flex-properties(~'');
+.flex-properties(~"");
 
 @media (--screen-sm) {
   .flex-properties(--sm);

package/src/less/footer.less

@@ -1,4 +1,4 @@
-@import (reference) '../variables/neptune-tokens.less';
+@import (reference) "../variables/neptune-tokens.less";
 
 .footer {
   background-color: var(--color-background-neutral);

package/src/less/forms/checkbox-radio.less

@@ -1,6 +1,6 @@
-@import (reference) '../../variables/legacy-variables.less';
-@import (reference) '../../variables/neptune-tokens.less';
-@import (reference) '../mixins/_logical-properties.less';
+@import (reference) "../../variables/legacy-variables.less";
+@import (reference) "../../variables/neptune-tokens.less";
+@import (reference) "../mixins/_logical-properties.less";
 
 .radio,
 .checkbox {
@@ -10,8 +10,8 @@
     position: relative;
     .padding(left, 48px);
 
-    input[type='radio'],
-    input[type='checkbox'] {
+    input[type="radio"],
+    input[type="checkbox"] {
       display: block;
       position: absolute;
       top: 13px;
@@ -42,7 +42,7 @@
   }
 
   &:not(.disabled, :disabled):hover,
-  input[type='checkbox']:hover + &,
+  input[type="checkbox"]:hover + &,
   .checkbox:hover & {
     border-color: var(--color-interactive-secondary);
   }
@@ -51,17 +51,17 @@
   &:not(.disabled, :disabled).focus,
   &:not(.disabled, :disabled):focus:hover,
   &:not(.disabled, :disabled).focus:hover,
-  input[type='checkbox']:focus + &,
+  input[type="checkbox"]:focus + &,
   &:not(.disabled, :disabled):active,
   &:not(.disabled, :disabled).active,
-  input[type='checkbox']:active + & {
+  input[type="checkbox"]:active + & {
     border-color: var(--color-interactive-secondary);
     outline: none;
   }
 
   &[checked],
   &.checked,
-  input[type='checkbox']:checked + & {
+  input[type="checkbox"]:checked + & {
     border-color: var(--color-interactive-accent) !important;
     background-color: var(--color-interactive-accent);
 
@@ -72,14 +72,14 @@
 
   &[checked]:hover,
   &.checked:hover,
-  input[type='checkbox']:not(.disabled, :disabled):checked:hover + & {
+  input[type="checkbox"]:not(.disabled, :disabled):checked:hover + & {
     border-color: var(--color-interactive-accent-hover) !important;
     background-color: var(--color-interactive-accent-hover);
   }
 
   &[checked]:active,
   &.checked:active,
-  input[type='checkbox']:not(.disabled, :disabled):checked:active + & {
+  input[type="checkbox"]:not(.disabled, :disabled):checked:active + & {
     border-color: var(--color-interactive-accent-active) !important;
     background-color: var(--color-interactive-accent-active);
   }
@@ -94,17 +94,17 @@
     }
   }
 
-  .checkbox.has-error input[type='checkbox']:not(.disabled, :disabled):checked + & {
+  .checkbox.has-error input[type="checkbox"]:not(.disabled, :disabled):checked + & {
     border-color: var(--color-interactive-negative) !important;
     background-color: var(--color-interactive-negative);
   }
 
-  .checkbox.has-error input[type='checkbox']:not(.disabled, :disabled):checked:hover + & {
+  .checkbox.has-error input[type="checkbox"]:not(.disabled, :disabled):checked:hover + & {
     border-color: var(--color-interactive-negative-hover) !important;
     background-color: var(--color-interactive-negative-hover);
   }
 
-  .checkbox.has-error input[type='checkbox']:not(.disabled, :disabled):checked:active + & {
+  .checkbox.has-error input[type="checkbox"]:not(.disabled, :disabled):checked:active + & {
     border-color: var(--color-interactive-negative-active) !important;
     background-color: var(--color-interactive-negative-active);
   }

package/src/less/forms.less

@@ -1,6 +1,6 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_forms.less';
-@import './forms/bootstrap-forms.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_forms.less";
+@import "./forms/bootstrap-forms.less";
 
 .input-group-lg > input.form-control {
   .input-height-adjust(@input-height-large);

package/src/less/grid.less

@@ -1,8 +1,8 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_clearfix.less';
-@import (reference) './mixins/_grid.less';
-@import (reference) './mixins/_grid-framework.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_clearfix.less";
+@import (reference) "./mixins/_grid.less";
+@import (reference) "./mixins/_grid-framework.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 // Set the container width, and override it for fixed navbars in media queries.
 .container {
@@ -79,37 +79,37 @@
   }
 }
 
-[class*='col-sm'],
-[class*='col-md'],
-[class*='col-lg'],
-[class*='col-xl'] {
+[class*="col-sm"],
+[class*="col-md"],
+[class*="col-lg"],
+[class*="col-xl"] {
   margin-bottom: (@spacer-y * 2);
 }
 
-[class*='col-xs'] {
+[class*="col-xs"] {
   margin-bottom: 0;
 }
 
 @media (min-width: @screen-sm-min) {
-  [class*='col-sm'] {
+  [class*="col-sm"] {
     margin-bottom: 0;
   }
 }
 
 @media (min-width: @screen-md-min) {
-  [class*='col-md'] {
+  [class*="col-md"] {
     margin-bottom: 0;
   }
 }
 
 @media (min-width: @screen-lg-min) {
-  [class*='col-lg'] {
+  [class*="col-lg"] {
     margin-bottom: 0;
   }
 }
 
 @media (min-width: @screen-xl-min) {
-  [class*='col-xl'] {
+  [class*="col-xl"] {
     margin-bottom: 0;
   }
 }
@@ -118,7 +118,7 @@
   display: flex;
   flex-wrap: wrap;
 
-  > [class*='col-'] {
+  > [class*="col-"] {
     display: flex;
   }
 
@@ -136,7 +136,7 @@
     margin-left: -8px;
   }
 
-  [class*='col-'] {
+  [class*="col-"] {
     padding-right: 8px;
     padding-left: 8px;
   }
@@ -146,7 +146,7 @@
   margin-right: -@gutter / 2;
   margin-left: -@gutter / 2;
 
-  [class*='col-'] {
+  [class*="col-"] {
     padding-right: @gutter / 2;
     padding-left: @gutter / 2;
   }

package/src/less/input-groups.less

@@ -1,8 +1,8 @@
-@import (reference) '../variables/legacy-variables.less';
-@import './mixins/_border-radius.less';
-@import './mixins/_buttons.less';
-@import './mixins/_forms.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import "./mixins/_border-radius.less";
+@import "./mixins/_buttons.less";
+@import "./mixins/_forms.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 .input-sm {
   .input-size(
@@ -21,7 +21,8 @@
 .input-group {
   position: relative; // For dropdowns
   display: table;
-  border-collapse: separate; // Prevent input groups from inheriting border styles from table cells when placed in a table
+  // Prevent input groups from inheriting border styles from table cells when placed in a table
+  border-collapse: separate;
   width: 100%;
 
   // Undo padding and float of grid classes

package/src/less/link-callout.less

@@ -1,4 +1,4 @@
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "./mixins/_logical-properties.less";
 
 .link-callout > .tw-icon-chevron-up {
   display: inline-block;

package/src/less/list-group.less

@@ -1,6 +1,6 @@
-@import (reference) '../variables/legacy-variables.less';
-@import (reference) './mixins/_list-group.less';
-@import (reference) './mixins/_logical-properties.less';
+@import (reference) "../variables/legacy-variables.less";
+@import (reference) "./mixins/_list-group.less";
+@import (reference) "./mixins/_logical-properties.less";
 
 //
 // List groups