callout.less 748 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*
  2. * Component: Callout
  3. * ------------------
  4. */
  5. // Base styles (regardless of theme)
  6. .callout {
  7. .border-radius(3px);
  8. margin: 0 0 20px 0;
  9. padding: 15px 30px 15px 15px;
  10. border-left: 5px solid #eee;
  11. h4 {
  12. margin-top: 0;
  13. font-weight: 600;
  14. }
  15. p:last-child {
  16. margin-bottom: 0;
  17. }
  18. code,
  19. .highlight {
  20. background-color: #fff;
  21. }
  22. // Themes for different contexts
  23. &.callout-danger {
  24. &:extend(.bg-red);
  25. border-color: darken(@red, 10%);
  26. }
  27. &.callout-warning {
  28. &:extend(.bg-yellow);
  29. border-color: darken(@yellow, 10%);
  30. }
  31. &.callout-info {
  32. &:extend(.bg-aqua);
  33. border-color: darken(@aqua, 10%);
  34. }
  35. &.callout-success {
  36. &:extend(.bg-green);
  37. border-color: darken(@green, 10%);
  38. }
  39. }