| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 | 
							- //
 
- // Misc: Colors
 
- //
 
- // Background colors (theme colors)
 
- @each $name, $color in $theme-colors {
 
-   @include background-variant($name, $color);
 
- }
 
- // Background colors (colors)
 
- @each $name, $color in $colors {
 
-   @include background-variant($name, $color);
 
- }
 
- .bg-gray {
 
-   background-color: $gray-500;
 
-   color: color-yiq($gray-500);
 
- }
 
- .bg-gray-light {
 
-   background-color: lighten($gray-200, 3%);
 
-   color: color-yiq(lighten($gray-200, 3%)) !important;
 
- }
 
- .bg-black {
 
-   background-color: $black;
 
-   color: color-yiq($black) !important;
 
- }
 
- .bg-white {
 
-   background-color: $white;
 
-   color: color-yiq($white) !important;
 
- }
 
- // Gradient Background colors (theme colors)
 
- @each $name, $color in $theme-colors {
 
-   @include background-gradient-variant($name, $color);
 
- }
 
- // Gradient Background colors (colors)
 
- @each $name, $color in $colors {
 
-   @include background-gradient-variant($name, $color);
 
- }
 
- // Backgrund Color Disabled
 
- [class^="bg-"].disabled {
 
-   opacity: .65;
 
- }
 
- // Text muted hover
 
- a.text-muted:hover {
 
-   color: theme-color(primary) !important;
 
- }
 
- // Link Styles
 
- .link-muted {
 
-   color: darken($gray-500, 30%);
 
-   &:hover,
 
-   &:focus {
 
-     color: darken($gray-500, 40%);
 
-   }
 
- }
 
- .link-black {
 
-   color: $gray-600;
 
-   &:hover,
 
-   &:focus {
 
-     color: lighten($gray-500, 20%);
 
-   }
 
- }
 
- // Accent colors (theme colors)
 
- @each $name, $color in $theme-colors {
 
-   @include accent-variant($name, $color);
 
- }
 
- // Accent colors (colors)
 
- @each $name, $color in $colors {
 
-   @include accent-variant($name, $color);
 
- }
 
- // Accent button override fix
 
- [class*="accent-"] {
 
-   @each $name, $color in $theme-colors {
 
-     a.btn-#{$name} {
 
-       color: color-yiq($color);
 
-     }
 
-   }
 
- }
 
 
  |