_alert.scss 774 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. // Alerts
  2. //
  3. // Modify Bootstrap's default alert styles to mimick
  4. // the `.bs-callout` styles from Bootstrap's docs.
  5. //
  6. // @see https://github.com/twbs/bootstrap/blob/master/docs/assets/css/src/docs.css#L711
  7. // @see https://github.com/twbs/bootstrap/blob/master/less/alerts.less
  8. .alert {
  9. background: #fff;
  10. border: 1px solid #eee;
  11. border-left-width: 5px;
  12. border-radius: 3px;
  13. color: #333;
  14. margin: 20px 0;
  15. padding: 20px;
  16. h4 {
  17. font-size: 18px;
  18. margin-top: 0;
  19. margin-bottom: 5px;
  20. }
  21. &-danger {
  22. border-left-color: #ce4844;
  23. h4 {
  24. color: #ce4844;
  25. }
  26. }
  27. &-info {
  28. border-left-color: #1b809e;
  29. h4 {
  30. color: #1b809e;
  31. }
  32. }
  33. &-warning {
  34. border-left-color: #aa6708;
  35. h4 {
  36. color: #aa6708;
  37. }
  38. }
  39. }