_alert.scss 495 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. .alert {
  2. padding: 20px;
  3. margin: 20px 0;
  4. border: 1px solid #eee;
  5. border-left-width: 5px;
  6. border-radius: 3px;
  7. background: #fff;
  8. color: #333;
  9. h4 {
  10. margin-top: 0;
  11. margin-bottom: 5px;
  12. font-size: 18px;
  13. }
  14. &-danger {
  15. border-left-color: #CE4844;
  16. h4 {
  17. color: #CE4844;
  18. }
  19. }
  20. &-info {
  21. border-left-color: #1B809E;
  22. h4 {
  23. color: #1B809E;
  24. }
  25. }
  26. &-warning {
  27. border-left-color: #AA6708;
  28. h4 {
  29. color: #AA6708;
  30. }
  31. }
  32. }