// 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

//== 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-neutralQuaternary,
.ms-bgColor-neutralQuaternary--hover:hover {
  @include ms-bgColor-neutralQuaternary;
}

.ms-bgColor-neutralQuaternaryAlt,
.ms-bgColor-neutralQuaternaryAlt--hover:hover {
  @include ms-bgColor-neutralQuaternaryAlt;
}

.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,
.ms-bgColor-yellow--hover:hover {
  @include ms-bgColor-yellow;
}

.ms-bgColor-yellowLight,
.ms-bgColor-yellowLight--hover:hover {
  @include ms-bgColor-yellowLight;
}

.ms-bgColor-orange,
.ms-bgColor-orange--hover:hover {
  @include ms-bgColor-orange;
}

.ms-bgColor-orangeLight,
.ms-bgColor-orangeLight--hover:hover {
  @include ms-bgColor-orangeLight;
}

.ms-bgColor-orangeLighter,
.ms-bgColor-orangeLighter--hover:hover {
  @include ms-bgColor-orangeLighter;
}

.ms-bgColor-redDark,
.ms-bgColor-redDark--hover:hover {
  @include ms-bgColor-redDark;
}

.ms-bgColor-red,
.ms-bgColor-red--hover:hover {
  @include ms-bgColor-red;
}

.ms-bgColor-magentaDark,
.ms-bgColor-magentaDark--hover:hover {
  @include ms-bgColor-magentaDark;
}

.ms-bgColor-magenta,
.ms-bgColor-magenta--hover:hover {
  @include ms-bgColor-magenta;
}

.ms-bgColor-magentaLight,
.ms-bgColor-magentaLight--hover:hover {
  @include ms-bgColor-magentaLight;
}

.ms-bgColor-purpleDark,
.ms-bgColor-purpleDark--hover:hover {
  @include ms-bgColor-purpleDark;
}

.ms-bgColor-purple,
.ms-bgColor-purple--hover:hover {
  @include ms-bgColor-purple;
}

.ms-bgColor-purpleLight,
.ms-bgColor-purpleLight--hover:hover {
  @include ms-bgColor-purpleLight;
}

.ms-bgColor-blueDark,
.ms-bgColor-blueDark--hover:hover {
  @include ms-bgColor-blueDark;
}

.ms-bgColor-blueMid,
.ms-bgColor-blueMid--hover:hover {
  @include ms-bgColor-blueMid;
}

.ms-bgColor-blue,
.ms-bgColor-blue--hover:hover {
  @include ms-bgColor-blue;
}

.ms-bgColor-blueLight,
.ms-bgColor-blueLight--hover:hover {
  @include ms-bgColor-blueLight;
}

.ms-bgColor-tealDark,
.ms-bgColor-tealDark--hover:hover {
  @include ms-bgColor-tealDark;
}

.ms-bgColor-teal,
.ms-bgColor-teal--hover:hover {
  @include ms-bgColor-teal;
}

.ms-bgColor-tealLight,
.ms-bgColor-tealLight--hover:hover {
  @include ms-bgColor-tealLight;
}

.ms-bgColor-greenDark,
.ms-bgColor-greenDark--hover:hover {
  @include ms-bgColor-greenDark;
}

.ms-bgColor-green,
.ms-bgColor-green--hover:hover {
  @include ms-bgColor-green;
}

.ms-bgColor-greenLight,
.ms-bgColor-greenLight--hover:hover {
  @include ms-bgColor-greenLight;
}

// Message colors
.ms-bgColor-info,
.ms-bgColor-info--hover:hover {
  @include ms-bgColor-info;
}

.ms-bgColor-success,
.ms-bgColor-success--hover:hover {
  @include ms-bgColor-success;
}

.ms-bgColor-severeWarning,
.ms-bgColor-severeWarning--hover:hover {
  @include ms-bgColor-severeWarning;
}

.ms-bgColor-warning,
.ms-bgColor-warning--hover:hover {
  @include ms-bgColor-warning;
}

.ms-bgColor-error,
.ms-bgColor-error--hover:hover {
  @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-neutralQuaternary,
.ms-borderColor-neutralQuaternary--hover:hover {
  @include ms-borderColor-neutralQuaternary;
}

.ms-borderColor-neutralQuaternaryAlt,
.ms-borderColor-neutralQuaternaryAlt--hover:hover {
  @include ms-borderColor-neutralQuaternaryAlt;
}

.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,
.ms-borderColor-yellow--hover:hover {
  @include ms-borderColor-yellow;
}

.ms-borderColor-yellowLight,
.ms-borderColor-yellowLight--hover:hover {
  @include ms-borderColor-yellowLight;
}

.ms-borderColor-orange,
.ms-borderColor-orange--hover:hover {
  @include ms-borderColor-orange;
}

.ms-borderColor-orangeLight,
.ms-borderColor-orangeLight--hover:hover {
  @include ms-borderColor-orangeLight;
}

.ms-borderColor-orangeLighter,
.ms-borderColor-orangeLighter--hover:hover {
  @include ms-borderColor-orangeLighter;
}

.ms-borderColor-redDark,
.ms-borderColor-redDark--hover:hover {
  @include ms-borderColor-redDark;
}

.ms-borderColor-red,
.ms-borderColor-red--hover:hover {
  @include ms-borderColor-red;
}

.ms-borderColor-magentaDark,
.ms-borderColor-magentaDark--hover:hover {
  @include ms-borderColor-magentaDark;
}

.ms-borderColor-magenta,
.ms-borderColor-magenta--hover:hover {
  @include ms-borderColor-magenta;
}

.ms-borderColor-magentaLight,
.ms-borderColor-magentaLight--hover:hover {
  @include ms-borderColor-magentaLight;
}

.ms-borderColor-purpleDark,
.ms-borderColor-purpleDark--hover:hover {
  @include ms-borderColor-purpleDark;
}

.ms-borderColor-purple,
.ms-borderColor-purple--hover:hover {
  @include ms-borderColor-purple;
}

.ms-borderColor-purpleLight,
.ms-borderColor-purpleLight--hover:hover {
  @include ms-borderColor-purpleLight;
}

.ms-borderColor-blueDark,
.ms-borderColor-blueDark--hover:hover {
  @include ms-borderColor-blueDark;
}

.ms-borderColor-blueMid,
.ms-borderColor-blueMid--hover:hover {
  @include ms-borderColor-blueMid;
}

.ms-borderColor-blue,
.ms-borderColor-blue--hover:hover {
  @include ms-borderColor-blue;
}

.ms-borderColor-blueLight,
.ms-borderColor-blueLight--hover:hover {
  @include ms-borderColor-blueLight;
}

.ms-borderColor-tealDark,
.ms-borderColor-tealDark--hover:hover {
  @include ms-borderColor-tealDark;
}

.ms-borderColor-teal,
.ms-borderColor-teal--hover:hover {
  @include ms-borderColor-teal;
}

.ms-borderColor-tealLight,
.ms-borderColor-tealLight--hover:hover {
  @include ms-borderColor-tealLight;
}

.ms-borderColor-greenDark,
.ms-borderColor-greenDark--hover:hover {
  @include ms-borderColor-greenDark;
}

.ms-borderColor-green,
.ms-borderColor-green--hover:hover {
  @include ms-borderColor-green;
}

.ms-borderColor-greenLight,
.ms-borderColor-greenLight--hover:hover {
  @include ms-borderColor-greenLight;
}