_alerts.scss 639 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /*
  2. * Component: alert
  3. * ----------------
  4. */
  5. .alert {
  6. @include border-radius(3px);
  7. h4 {
  8. font-weight: 600;
  9. }
  10. .icon {
  11. margin-right: 10px;
  12. }
  13. .close {
  14. color: #000;
  15. opacity: .2;
  16. &:hover {
  17. opacity: .5;
  18. }
  19. }
  20. a {
  21. color: #fff;
  22. text-decoration: underline;
  23. }
  24. }
  25. //Alert Variants
  26. .alert-success {
  27. @extend .bg-green;
  28. border-color: darken($green, 5%);
  29. }
  30. .alert-danger,
  31. .alert-error {
  32. @extend .bg-red;
  33. border-color: darken($red, 5%);
  34. }
  35. .alert-warning {
  36. @extend .bg-yellow;
  37. border-color: darken($yellow, 5%);
  38. }
  39. .alert-info {
  40. @extend .bg-aqua;
  41. border-color: darken($aqua, 5%);
  42. }