office-ui-fabric-core-rails 5.0.1.0 → 5.1.0.0

data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss

@@ -1,80 +1,80 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// RTL overrides for Fabric Animations
-
-
-@import "Fabric.Animations.Output";
-@import "Fabric.Animations.RTL";
-
-// slideRightIn10
-.ms-u-slideRightIn10 {
-    @include ms-u-slideRightIn10;
-}
-
-// slideRightIn20
-.ms-u-slideRightIn20 {
-    @include ms-u-slideRightIn20;
-}
-
-// slideRightIn40
-.ms-u-slideRightIn40 {
-    @include ms-u-slideRightIn40;
-}
-
-// slideLeftIn10
-.ms-u-slideLeftIn10 {
-    @include ms-u-slideLeftIn10;
-}
-
-// slideLeftIn20
-.ms-u-slideLeftIn20 {
-    @include ms-u-slideLeftIn20;
-}
-
-// slideLeftIn40
-.ms-u-slideLeftIn40 {
-    @include ms-u-slideLeftIn40;
-}
-
-// slideRightIn400
-.ms-u-slideRightIn400 {
-    @include ms-u-slideRightIn400;
-}
-
-// slideLeftIn400
-.ms-u-slideLeftIn400 {
-    @include ms-u-slideLeftIn400;
-}
-
-// slideRightOut40
-.ms-u-slideRightOut40 {
-    @include ms-u-slideRightOut40;
-}
-
-// slideLeftOut40
-.ms-u-slideLeftOut40 {
-    @include ms-u-slideLeftOut40;
-}
-
-// slideRightOut400
-.ms-u-slideRightOut400 {
-    @include ms-u-slideRightOut400;
-}
-
-// slideLeftOut400
-.ms-u-slideLeftOut400 {
-    @include ms-u-slideLeftOut400;
-}
-
-// rotate90deg
-.ms-u-rotate90deg {
-    @include ms-u-rotate90deg;
-}
-
-// rotateN90deg
-.ms-u-rotateN90deg {
-    @include ms-u-rotateN90deg;
-}
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// RTL overrides for Fabric Animations
+
+
+@import "Fabric.Animations.Output";
+@import "Fabric.Animations.RTL";
+
+// slideRightIn10
+.ms-u-slideRightIn10 {
+    @include ms-u-slideRightIn10;
+}
+
+// slideRightIn20
+.ms-u-slideRightIn20 {
+    @include ms-u-slideRightIn20;
+}
+
+// slideRightIn40
+.ms-u-slideRightIn40 {
+    @include ms-u-slideRightIn40;
+}
+
+// slideLeftIn10
+.ms-u-slideLeftIn10 {
+    @include ms-u-slideLeftIn10;
+}
+
+// slideLeftIn20
+.ms-u-slideLeftIn20 {
+    @include ms-u-slideLeftIn20;
+}
+
+// slideLeftIn40
+.ms-u-slideLeftIn40 {
+    @include ms-u-slideLeftIn40;
+}
+
+// slideRightIn400
+.ms-u-slideRightIn400 {
+    @include ms-u-slideRightIn400;
+}
+
+// slideLeftIn400
+.ms-u-slideLeftIn400 {
+    @include ms-u-slideLeftIn400;
+}
+
+// slideRightOut40
+.ms-u-slideRightOut40 {
+    @include ms-u-slideRightOut40;
+}
+
+// slideLeftOut40
+.ms-u-slideLeftOut40 {
+    @include ms-u-slideLeftOut40;
+}
+
+// slideRightOut400
+.ms-u-slideRightOut400 {
+    @include ms-u-slideRightOut400;
+}
+
+// slideLeftOut400
+.ms-u-slideLeftOut400 {
+    @include ms-u-slideLeftOut400;
+}
+
+// rotate90deg
+.ms-u-rotate90deg {
+    @include ms-u-rotate90deg;
+}
+
+// rotateN90deg
+.ms-u-rotateN90deg {
+    @include ms-u-rotateN90deg;
+}

data/vendor/assets/scss/Fabric.Base.Output.scss

@@ -1,14 +1,14 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Wrapper component to set base typography.
-
-@import "Fabric.Base";
-
-//== Wrapper/base component
-//
-.ms-Fabric {
-  @include ms-Fabric;
-}
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Wrapper component to set base typography.
+
+@import "Fabric.Base";
+
+//== Wrapper/base component
+//
+.ms-Fabric {
+  @include ms-Fabric;
+}

data/vendor/assets/scss/Fabric.Brand.Icons.Output.scss

@@ -1,19 +1,19 @@
-@import './Fabric.Brand.Icons';
-
-@include brandIconClasses(1);
-@include brandIconSizesClasses();
-
-// Pixel Ratio 1.5
-@media only screen and (min-resolution: 144dpi) {
-    @include brandIconClasses(1_5);
-}
-
-// Pixel Ratio 2
-@media only screen and (min-resolution: 192dpi)  {
-    @include brandIconClasses(2);
-}
-
-// Pixel Ratio 3
-@media only screen and (min-resolution: 288dpi) {
-    @include brandIconClasses(3);
+@import './Fabric.Brand.Icons';
+
+@include brandIconClasses(1);
+@include brandIconSizesClasses();
+
+// Pixel Ratio 1.5
+@media only screen and (min-resolution: 144dpi) {
+    @include brandIconClasses(1_5);
+}
+
+// Pixel Ratio 2
+@media only screen and (min-resolution: 192dpi)  {
+    @include brandIconClasses(2);
+}
+
+// Pixel Ratio 3
+@media only screen and (min-resolution: 288dpi) {
+    @include brandIconClasses(3);
 }

data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss

@@ -1,443 +1,443 @@
-// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
-
-//
-// Office UI Fabric
-// --------------------------------------------------
-// Fabric Core Color Mixins
-
-@import "Fabric.Color.Mixins";
-
-//== Background colors
-//
-// Theme colors
-.ms-bgColor-themeDark,
-.ms-bgColor-themeDark--hover:hover {
-  @include ms-bgColor-themeDark;
-}
-
-.ms-bgColor-themeDarkAlt,
-.ms-bgColor-themeDarkAlt--hover:hover {
-  @include ms-bgColor-themeDarkAlt;
-}
-
-.ms-bgColor-themeDarker,
-.ms-bgColor-themeDarker--hover:hover {
-  @include ms-bgColor-themeDarker;
-}
-
-.ms-bgColor-themePrimary,
-.ms-bgColor-themePrimary--hover:hover {
-  @include ms-bgColor-themePrimary;
-}
-
-.ms-bgColor-themeSecondary,
-.ms-bgColor-themeSecondary--hover:hover {
-  @include ms-bgColor-themeSecondary;
-}
-
-.ms-bgColor-themeTertiary,
-.ms-bgColor-themeTertiary--hover:hover {
-  @include ms-bgColor-themeTertiary;
-}
-
-.ms-bgColor-themeLight,
-.ms-bgColor-themeLight--hover:hover {
-  @include ms-bgColor-themeLight;
-}
-
-.ms-bgColor-themeLighter,
-.ms-bgColor-themeLighter--hover:hover {
-  @include ms-bgColor-themeLighter;
-}
-
-.ms-bgColor-themeLighterAlt,
-.ms-bgColor-themeLighterAlt--hover:hover {
-  @include ms-bgColor-themeLighterAlt;
-}
-
-// Neutral colors
-.ms-bgColor-black,
-.ms-bgColor-black--hover:hover {
-  @include ms-bgColor-black;
-}
-
-.ms-bgColor-neutralDark,
-.ms-bgColor-neutralDark--hover:hover {
-  @include ms-bgColor-neutralDark;
-}
-
-.ms-bgColor-neutralPrimary,
-.ms-bgColor-neutralPrimary--hover:hover {
-  @include ms-bgColor-neutralPrimary;
-}
-
-.ms-bgColor-neutralPrimaryAlt, 
-.ms-bgColor-neutralPrimaryAlt--hover:hover {
-  @include ms-bgColor-neutralPrimaryAlt;
-}
-
-.ms-bgColor-neutralSecondary, 
-.ms-bgColor-neutralSecondary--hover:hover {
-  @include ms-bgColor-neutralSecondary;
-}
-
-.ms-bgColor-neutralSecondaryAlt,
-.ms-bgColor-neutralSecondaryAlt--hover:hover {
-  @include ms-bgColor-neutralSecondaryAlt;
-}
-
-.ms-bgColor-neutralTertiary,
-.ms-bgColor-neutralTertiary--hover:hover {
-  @include ms-bgColor-neutralTertiary;
-}
-
-.ms-bgColor-neutralTertiaryAlt,
-.ms-bgColor-neutralTertiaryAlt--hover:hover {
-  @include ms-bgColor-neutralTertiaryAlt;
-}
-
-.ms-bgColor-neutralLight,
-.ms-bgColor-neutralLight--hover:hover {
-  @include ms-bgColor-neutralLight;
-}
-
-.ms-bgColor-neutralLighter,
-.ms-bgColor-neutralLighter--hover:hover {
-  @include ms-bgColor-neutralLighter;
-}
-
-.ms-bgColor-neutralLighterAlt,
-.ms-bgColor-neutralLighterAlt--hover:hover {
-  @include ms-bgColor-neutralLighterAlt;
-}
-
-.ms-bgColor-white,
-.ms-bgColor-white--hover:hover {
-  @include ms-bgColor-white;
-}
-
-
-// Brand and accent colors
-.ms-bgColor-yellow {
-  @include ms-bgColor-yellow;
-}
-
-.ms-bgColor-yellowLight {
-  @include ms-bgColor-yellowLight;
-}
-
-.ms-bgColor-orange {
-  @include ms-bgColor-orange;
-}
-
-.ms-bgColor-orangeLight {
-  @include ms-bgColor-orangeLight;
-}
-
-.ms-bgColor-orangeLighter {
-  @include ms-bgColor-orangeLighter;
-}
-
-.ms-bgColor-redDark {
-  @include ms-bgColor-redDark;
-}
-
-.ms-bgColor-red {
-  @include ms-bgColor-red;
-}
-
-.ms-bgColor-magentaDark {
-  @include ms-bgColor-magentaDark;
-}
-
-.ms-bgColor-magenta {
-  @include ms-bgColor-magenta;
-}
-
-.ms-bgColor-magentaLight {
-  @include ms-bgColor-magentaLight;
-}
-
-.ms-bgColor-purpleDark {
-  @include ms-bgColor-purpleDark;
-}
-
-.ms-bgColor-purple {
-  @include ms-bgColor-purple;
-}
-
-.ms-bgColor-purpleLight {
-  @include ms-bgColor-purpleLight;
-}
-
-.ms-bgColor-blueDark {
-  @include ms-bgColor-blueDark;
-}
-
-.ms-bgColor-blueMid {
-  @include ms-bgColor-blueMid;
-}
-
-.ms-bgColor-blue {
-  @include ms-bgColor-blue;
-}
-
-.ms-bgColor-blueLight {
-  @include ms-bgColor-blueLight;
-}
-
-.ms-bgColor-tealDark {
-  @include ms-bgColor-tealDark;
-}
-
-.ms-bgColor-teal {
-  @include ms-bgColor-teal;
-}
-
-.ms-bgColor-tealLight {
-  @include ms-bgColor-tealLight;
-}
-
-.ms-bgColor-greenDark {
-  @include ms-bgColor-greenDark;
-}
-
-.ms-bgColor-green {
-  @include ms-bgColor-green;
-}
-
-.ms-bgColor-greenLight {
-  @include ms-bgColor-greenLight;
-}
-
-// Message colors
-.ms-bgColor-info {
-  @include ms-bgColor-info;
-}
-
-.ms-bgColor-success {
-  @include ms-bgColor-success;
-}
-
-.ms-bgColor-severeWarning {
-  @include ms-bgColor-severeWarning;
-}
-
-.ms-bgColor-warning {
-  @include ms-bgColor-warning;
-}
-
-.ms-bgColor-error {
-  @include ms-bgColor-error;
-}
-
-
-//== Border colors
-//
-
-// Theme colors
-.ms-borderColor-themeDark,
-.ms-borderColor-themeDark--hover:hover {
-  @include ms-borderColor-themeDark;
-}
-
-.ms-borderColor-themeDarkAlt,
-.ms-borderColor-themeDarkAlt--hover:hover {
-  @include ms-borderColor-themeDarkAlt;
-}
-
-.ms-borderColor-themeDarker,
-.ms-borderColor-themeDarker--hover:hover {
-  @include ms-borderColor-themeDarker;
-}
-
-.ms-borderColor-themePrimary,
-.ms-borderColor-themePrimary--hover:hover {
-  @include ms-borderColor-themePrimary;
-}
-
-.ms-borderColor-themeSecondary,
-.ms-borderColor-themeSecondary--hover:hover {
-  @include ms-borderColor-themeSecondary;
-}
-
-.ms-borderColor-themeTertiary,
-.ms-borderColor-themeTertiary--hover:hover {
-  @include ms-borderColor-themeTertiary;
-}
-
-.ms-borderColor-themeLight,
-.ms-borderColor-themeLight--hover:hover {
-  @include ms-borderColor-themeLight;
-}
-
-.ms-borderColor-themeLighter,
-.ms-borderColor-themeLighter--hover:hover {
-  @include ms-borderColor-themeLighter;
-}
-
-.ms-borderColor-themeLighterAlt,
-.ms-borderColor-themeLighterAlt--hover:hover {
-  @include ms-borderColor-themeLighterAlt;
-}
-
-
-// Neutral colors
-.ms-borderColor-black,
-.ms-borderColor-black--hover:hover {
-  @include ms-borderColor-black;
-}
-
-.ms-borderColor-neutralDark,
-.ms-borderColor-neutralDark--hover:hover {
-  @include ms-borderColor-neutralDark;
-}
-
-.ms-borderColor-neutralPrimary,
-.ms-borderColor-neutralPrimary--hover:hover {
-  @include ms-borderColor-neutralPrimary;
-}
-
-.ms-borderColor-neutralPrimaryAlt, 
-.ms-borderColor-neutralPrimaryAlt--hover:hover {
-  @include ms-borderColor-neutralPrimaryAlt;
-}
-
-.ms-borderColor-neutralSecondary, 
-.ms-borderColor-neutralSecondary--hover:hover {
-  @include ms-borderColor-neutralSecondary;
-}
-
-.ms-borderColor-neutralSecondaryAlt,
-.ms-borderColor-neutralSecondaryAlt--hover:hover {
-  @include ms-borderColor-neutralSecondaryAlt;
-}
-
-.ms-borderColor-neutralTertiary,
-.ms-borderColor-neutralTertiary--hover:hover {
-  @include ms-borderColor-neutralTertiary;
-}
-
-.ms-borderColor-neutralTertiaryAlt,
-.ms-borderColor-neutralTertiaryAlt--hover:hover {
-  @include ms-borderColor-neutralTertiaryAlt;
-}
-
-.ms-borderColor-neutralLight,
-.ms-borderColor-neutralLight--hover:hover {
-  @include ms-borderColor-neutralLight;
-}
-
-.ms-borderColor-neutralLighter,
-.ms-borderColor-neutralLighter--hover:hover {
-  @include ms-borderColor-neutralLighter;
-}
-
-.ms-borderColor-neutralLighterAlt,
-.ms-borderColor-neutralLighterAlt--hover:hover {
-  @include ms-borderColor-neutralLighterAlt;
-}
-
-.ms-borderColor-white,
-.ms-borderColor-white--hover:hover {
-  @include ms-borderColor-white;
-}
-
-// Brand and accent colors
-.ms-borderColor-yellow {
-  @include ms-borderColor-yellow;
-}
-
-.ms-borderColor-yellowLight {
-  @include ms-borderColor-yellowLight;
-}
-
-.ms-borderColor-orange {
-  @include ms-borderColor-orange;
-}
-
-.ms-borderColor-orangeLight {
-  @include ms-borderColor-orangeLight;
-}
-
-.ms-borderColor-orangeLighter {
-  @include ms-borderColor-orangeLighter;
-}
-
-.ms-borderColor-redDark {
-  @include ms-borderColor-redDark;
-}
-
-.ms-borderColor-red {
-  @include ms-borderColor-red;
-}
-
-.ms-borderColor-magentaDark {
-  @include ms-borderColor-magentaDark;
-}
-
-.ms-borderColor-magenta {
-  @include ms-borderColor-magenta;
-}
-
-.ms-borderColor-magentaLight {
-  @include ms-borderColor-magentaLight;
-}
-
-.ms-borderColor-purpleDark {
-  @include ms-borderColor-purpleDark;
-}
-
-.ms-borderColor-purple {
-  @include ms-borderColor-purple;
-}
-
-.ms-borderColor-purpleLight {
-  @include ms-borderColor-purpleLight;
-}
-
-.ms-borderColor-blueDark {
-  @include ms-borderColor-blueDark;
-}
-
-.ms-borderColor-blueMid {
-  @include ms-borderColor-blueMid;
-}
-
-.ms-borderColor-blue {
-  @include ms-borderColor-blue;
-}
-
-.ms-borderColor-blueLight {
-  @include ms-borderColor-blueLight;
-}
-
-.ms-borderColor-tealDark {
-  @include ms-borderColor-tealDark;
-}
-
-.ms-borderColor-teal {
-  @include ms-borderColor-teal;
-}
-
-.ms-borderColor-tealLight {
-  @include ms-borderColor-tealLight;
-}
-
-.ms-borderColor-greenDark {
-  @include ms-borderColor-greenDark;
-}
-
-.ms-borderColor-green {
-  @include ms-borderColor-green;
-}
-
-.ms-borderColor-greenLight {
-  @include ms-borderColor-greenLight;
-}
-
-// Individual borders, by request
-.ms-borderColorTop-themePrimary,
-.ms-borderColorTop-themePrimary--hover:hover {
-  @include ms-borderColorTop-themePrimary;
-}
+// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
+
+//
+// Office UI Fabric
+// --------------------------------------------------
+// Fabric Core Color Mixins
+
+@import "Fabric.Color.Mixins";
+
+//== Background colors
+//
+// Theme colors
+.ms-bgColor-themeDark,
+.ms-bgColor-themeDark--hover:hover {
+  @include ms-bgColor-themeDark;
+}
+
+.ms-bgColor-themeDarkAlt,
+.ms-bgColor-themeDarkAlt--hover:hover {
+  @include ms-bgColor-themeDarkAlt;
+}
+
+.ms-bgColor-themeDarker,
+.ms-bgColor-themeDarker--hover:hover {
+  @include ms-bgColor-themeDarker;
+}
+
+.ms-bgColor-themePrimary,
+.ms-bgColor-themePrimary--hover:hover {
+  @include ms-bgColor-themePrimary;
+}
+
+.ms-bgColor-themeSecondary,
+.ms-bgColor-themeSecondary--hover:hover {
+  @include ms-bgColor-themeSecondary;
+}
+
+.ms-bgColor-themeTertiary,
+.ms-bgColor-themeTertiary--hover:hover {
+  @include ms-bgColor-themeTertiary;
+}
+
+.ms-bgColor-themeLight,
+.ms-bgColor-themeLight--hover:hover {
+  @include ms-bgColor-themeLight;
+}
+
+.ms-bgColor-themeLighter,
+.ms-bgColor-themeLighter--hover:hover {
+  @include ms-bgColor-themeLighter;
+}
+
+.ms-bgColor-themeLighterAlt,
+.ms-bgColor-themeLighterAlt--hover:hover {
+  @include ms-bgColor-themeLighterAlt;
+}
+
+// Neutral colors
+.ms-bgColor-black,
+.ms-bgColor-black--hover:hover {
+  @include ms-bgColor-black;
+}
+
+.ms-bgColor-neutralDark,
+.ms-bgColor-neutralDark--hover:hover {
+  @include ms-bgColor-neutralDark;
+}
+
+.ms-bgColor-neutralPrimary,
+.ms-bgColor-neutralPrimary--hover:hover {
+  @include ms-bgColor-neutralPrimary;
+}
+
+.ms-bgColor-neutralPrimaryAlt, 
+.ms-bgColor-neutralPrimaryAlt--hover:hover {
+  @include ms-bgColor-neutralPrimaryAlt;
+}
+
+.ms-bgColor-neutralSecondary, 
+.ms-bgColor-neutralSecondary--hover:hover {
+  @include ms-bgColor-neutralSecondary;
+}
+
+.ms-bgColor-neutralSecondaryAlt,
+.ms-bgColor-neutralSecondaryAlt--hover:hover {
+  @include ms-bgColor-neutralSecondaryAlt;
+}
+
+.ms-bgColor-neutralTertiary,
+.ms-bgColor-neutralTertiary--hover:hover {
+  @include ms-bgColor-neutralTertiary;
+}
+
+.ms-bgColor-neutralTertiaryAlt,
+.ms-bgColor-neutralTertiaryAlt--hover:hover {
+  @include ms-bgColor-neutralTertiaryAlt;
+}
+
+.ms-bgColor-neutralLight,
+.ms-bgColor-neutralLight--hover:hover {
+  @include ms-bgColor-neutralLight;
+}
+
+.ms-bgColor-neutralLighter,
+.ms-bgColor-neutralLighter--hover:hover {
+  @include ms-bgColor-neutralLighter;
+}
+
+.ms-bgColor-neutralLighterAlt,
+.ms-bgColor-neutralLighterAlt--hover:hover {
+  @include ms-bgColor-neutralLighterAlt;
+}
+
+.ms-bgColor-white,
+.ms-bgColor-white--hover:hover {
+  @include ms-bgColor-white;
+}
+
+
+// Brand and accent colors
+.ms-bgColor-yellow {
+  @include ms-bgColor-yellow;
+}
+
+.ms-bgColor-yellowLight {
+  @include ms-bgColor-yellowLight;
+}
+
+.ms-bgColor-orange {
+  @include ms-bgColor-orange;
+}
+
+.ms-bgColor-orangeLight {
+  @include ms-bgColor-orangeLight;
+}
+
+.ms-bgColor-orangeLighter {
+  @include ms-bgColor-orangeLighter;
+}
+
+.ms-bgColor-redDark {
+  @include ms-bgColor-redDark;
+}
+
+.ms-bgColor-red {
+  @include ms-bgColor-red;
+}
+
+.ms-bgColor-magentaDark {
+  @include ms-bgColor-magentaDark;
+}
+
+.ms-bgColor-magenta {
+  @include ms-bgColor-magenta;
+}
+
+.ms-bgColor-magentaLight {
+  @include ms-bgColor-magentaLight;
+}
+
+.ms-bgColor-purpleDark {
+  @include ms-bgColor-purpleDark;
+}
+
+.ms-bgColor-purple {
+  @include ms-bgColor-purple;
+}
+
+.ms-bgColor-purpleLight {
+  @include ms-bgColor-purpleLight;
+}
+
+.ms-bgColor-blueDark {
+  @include ms-bgColor-blueDark;
+}
+
+.ms-bgColor-blueMid {
+  @include ms-bgColor-blueMid;
+}
+
+.ms-bgColor-blue {
+  @include ms-bgColor-blue;
+}
+
+.ms-bgColor-blueLight {
+  @include ms-bgColor-blueLight;
+}
+
+.ms-bgColor-tealDark {
+  @include ms-bgColor-tealDark;
+}
+
+.ms-bgColor-teal {
+  @include ms-bgColor-teal;
+}
+
+.ms-bgColor-tealLight {
+  @include ms-bgColor-tealLight;
+}
+
+.ms-bgColor-greenDark {
+  @include ms-bgColor-greenDark;
+}
+
+.ms-bgColor-green {
+  @include ms-bgColor-green;
+}
+
+.ms-bgColor-greenLight {
+  @include ms-bgColor-greenLight;
+}
+
+// Message colors
+.ms-bgColor-info {
+  @include ms-bgColor-info;
+}
+
+.ms-bgColor-success {
+  @include ms-bgColor-success;
+}
+
+.ms-bgColor-severeWarning {
+  @include ms-bgColor-severeWarning;
+}
+
+.ms-bgColor-warning {
+  @include ms-bgColor-warning;
+}
+
+.ms-bgColor-error {
+  @include ms-bgColor-error;
+}
+
+
+//== Border colors
+//
+
+// Theme colors
+.ms-borderColor-themeDark,
+.ms-borderColor-themeDark--hover:hover {
+  @include ms-borderColor-themeDark;
+}
+
+.ms-borderColor-themeDarkAlt,
+.ms-borderColor-themeDarkAlt--hover:hover {
+  @include ms-borderColor-themeDarkAlt;
+}
+
+.ms-borderColor-themeDarker,
+.ms-borderColor-themeDarker--hover:hover {
+  @include ms-borderColor-themeDarker;
+}
+
+.ms-borderColor-themePrimary,
+.ms-borderColor-themePrimary--hover:hover {
+  @include ms-borderColor-themePrimary;
+}
+
+.ms-borderColor-themeSecondary,
+.ms-borderColor-themeSecondary--hover:hover {
+  @include ms-borderColor-themeSecondary;
+}
+
+.ms-borderColor-themeTertiary,
+.ms-borderColor-themeTertiary--hover:hover {
+  @include ms-borderColor-themeTertiary;
+}
+
+.ms-borderColor-themeLight,
+.ms-borderColor-themeLight--hover:hover {
+  @include ms-borderColor-themeLight;
+}
+
+.ms-borderColor-themeLighter,
+.ms-borderColor-themeLighter--hover:hover {
+  @include ms-borderColor-themeLighter;
+}
+
+.ms-borderColor-themeLighterAlt,
+.ms-borderColor-themeLighterAlt--hover:hover {
+  @include ms-borderColor-themeLighterAlt;
+}
+
+
+// Neutral colors
+.ms-borderColor-black,
+.ms-borderColor-black--hover:hover {
+  @include ms-borderColor-black;
+}
+
+.ms-borderColor-neutralDark,
+.ms-borderColor-neutralDark--hover:hover {
+  @include ms-borderColor-neutralDark;
+}
+
+.ms-borderColor-neutralPrimary,
+.ms-borderColor-neutralPrimary--hover:hover {
+  @include ms-borderColor-neutralPrimary;
+}
+
+.ms-borderColor-neutralPrimaryAlt, 
+.ms-borderColor-neutralPrimaryAlt--hover:hover {
+  @include ms-borderColor-neutralPrimaryAlt;
+}
+
+.ms-borderColor-neutralSecondary, 
+.ms-borderColor-neutralSecondary--hover:hover {
+  @include ms-borderColor-neutralSecondary;
+}
+
+.ms-borderColor-neutralSecondaryAlt,
+.ms-borderColor-neutralSecondaryAlt--hover:hover {
+  @include ms-borderColor-neutralSecondaryAlt;
+}
+
+.ms-borderColor-neutralTertiary,
+.ms-borderColor-neutralTertiary--hover:hover {
+  @include ms-borderColor-neutralTertiary;
+}
+
+.ms-borderColor-neutralTertiaryAlt,
+.ms-borderColor-neutralTertiaryAlt--hover:hover {
+  @include ms-borderColor-neutralTertiaryAlt;
+}
+
+.ms-borderColor-neutralLight,
+.ms-borderColor-neutralLight--hover:hover {
+  @include ms-borderColor-neutralLight;
+}
+
+.ms-borderColor-neutralLighter,
+.ms-borderColor-neutralLighter--hover:hover {
+  @include ms-borderColor-neutralLighter;
+}
+
+.ms-borderColor-neutralLighterAlt,
+.ms-borderColor-neutralLighterAlt--hover:hover {
+  @include ms-borderColor-neutralLighterAlt;
+}
+
+.ms-borderColor-white,
+.ms-borderColor-white--hover:hover {
+  @include ms-borderColor-white;
+}
+
+// Brand and accent colors
+.ms-borderColor-yellow {
+  @include ms-borderColor-yellow;
+}
+
+.ms-borderColor-yellowLight {
+  @include ms-borderColor-yellowLight;
+}
+
+.ms-borderColor-orange {
+  @include ms-borderColor-orange;
+}
+
+.ms-borderColor-orangeLight {
+  @include ms-borderColor-orangeLight;
+}
+
+.ms-borderColor-orangeLighter {
+  @include ms-borderColor-orangeLighter;
+}
+
+.ms-borderColor-redDark {
+  @include ms-borderColor-redDark;
+}
+
+.ms-borderColor-red {
+  @include ms-borderColor-red;
+}
+
+.ms-borderColor-magentaDark {
+  @include ms-borderColor-magentaDark;
+}
+
+.ms-borderColor-magenta {
+  @include ms-borderColor-magenta;
+}
+
+.ms-borderColor-magentaLight {
+  @include ms-borderColor-magentaLight;
+}
+
+.ms-borderColor-purpleDark {
+  @include ms-borderColor-purpleDark;
+}
+
+.ms-borderColor-purple {
+  @include ms-borderColor-purple;
+}
+
+.ms-borderColor-purpleLight {
+  @include ms-borderColor-purpleLight;
+}
+
+.ms-borderColor-blueDark {
+  @include ms-borderColor-blueDark;
+}
+
+.ms-borderColor-blueMid {
+  @include ms-borderColor-blueMid;
+}
+
+.ms-borderColor-blue {
+  @include ms-borderColor-blue;
+}
+
+.ms-borderColor-blueLight {
+  @include ms-borderColor-blueLight;
+}
+
+.ms-borderColor-tealDark {
+  @include ms-borderColor-tealDark;
+}
+
+.ms-borderColor-teal {
+  @include ms-borderColor-teal;
+}
+
+.ms-borderColor-tealLight {
+  @include ms-borderColor-tealLight;
+}
+
+.ms-borderColor-greenDark {
+  @include ms-borderColor-greenDark;
+}
+
+.ms-borderColor-green {
+  @include ms-borderColor-green;
+}
+
+.ms-borderColor-greenLight {
+  @include ms-borderColor-greenLight;
+}
+
+// Individual borders, by request
+.ms-borderColorTop-themePrimary,
+.ms-borderColorTop-themePrimary--hover:hover {
+  @include ms-borderColorTop-themePrimary;
+}