alerts.less 641 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /*
  2. * Component: alert
  3. * ----------------
  4. */
  5. .alert {
  6. .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. }