alerts.less 641 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  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. }