callout.less 846 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. a {
  12. color: #fff;
  13. text-decoration: underline;
  14. &:hover {
  15. color: #eee;
  16. }
  17. }
  18. h4 {
  19. margin-top: 0;
  20. font-weight: 600;
  21. }
  22. p:last-child {
  23. margin-bottom: 0;
  24. }
  25. code,
  26. .highlight {
  27. background-color: #fff;
  28. }
  29. // Themes for different contexts
  30. &.callout-danger {
  31. &:extend(.bg-red);
  32. border-color: darken(@red, 10%);
  33. }
  34. &.callout-warning {
  35. &:extend(.bg-yellow);
  36. border-color: darken(@yellow, 10%);
  37. }
  38. &.callout-info {
  39. &:extend(.bg-aqua);
  40. border-color: darken(@aqua, 10%);
  41. }
  42. &.callout-success {
  43. &:extend(.bg-green);
  44. border-color: darken(@green, 10%);
  45. }
  46. }