_alerts.scss 685 B

1234567891011121314151617181920212223242526272829303132
  1. // STATES
  2. // -----------------------------------------------------------------------------
  3. /* Alert new states */
  4. .alert-default {
  5. background-color: $color-default;
  6. border-color: darken($color-default, 3%);
  7. color: darken($color-default, 50%);
  8. .alert-link {
  9. color: darken($color-default, 65%);
  10. }
  11. }
  12. .alert-primary {
  13. background-color: $color-primary;
  14. border-color: darken($color-primary, 3%);
  15. color: $color-primary-inverse;
  16. .alert-link {
  17. color: darken($color-primary, 20%);
  18. }
  19. }
  20. .alert-dark {
  21. background-color: lighten($color-dark, 10%);
  22. border-color: darken($color-dark, 10%);
  23. color: lighten($color-dark, 70%);
  24. .alert-link {
  25. color: lighten($color-dark, 85%);
  26. }
  27. }