| 123456789101112131415161718192021222324252627282930313233343536 | 
							- //
 
- // Component: Alert
 
- //
 
- .alert {
 
-   .icon {
 
-     margin-right: 10px;
 
-   }
 
-   .close {
 
-     color: $black;
 
-     opacity: .2;
 
-     &:hover {
 
-       opacity: .5;
 
-     }
 
-   }
 
-   a {
 
-     color: $white;
 
-     text-decoration: underline;
 
-   }
 
- }
 
- //Alert Variants
 
- @each $color, $value in $theme-colors {
 
-   .alert-#{$color} {
 
-     color: color-yiq($value);
 
-     background-color: $value;
 
-     border-color: darken($value, 5%);
 
-   }
 
-   .alert-default-#{$color} {
 
-     @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
 
-   }
 
- }
 
 
  |