callout.less 871 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*
  2. Component: callout
  3. ------------------------
  4. */
  5. // Base styles (regardless of theme)
  6. .callout {
  7. margin: 0 0 20px 0;
  8. padding: 15px 30px 15px 15px;
  9. border-left: 5px solid #eee;
  10. h4 {
  11. margin-top: 0;
  12. }
  13. p:last-child {
  14. margin-bottom: 0;
  15. }
  16. code,
  17. .highlight {
  18. background-color: #fff;
  19. }
  20. // Themes for different contexts
  21. &.callout-danger {
  22. background-color: #fcf2f2;
  23. border-color: #dFb5b4;
  24. }
  25. &.callout-warning {
  26. background-color: #fefbed;
  27. border-color: #f1e7bc;
  28. }
  29. &.callout-info {
  30. background-color: #f0f7fd;
  31. border-color: #d0e3f0;
  32. }
  33. // h4 header themes
  34. &.callout-danger h4 {
  35. color: #B94A48;
  36. }
  37. &.callout-warning h4 {
  38. color: #C09853;
  39. }
  40. &.callout-info h4 {
  41. color: #3A87AD;
  42. }
  43. }