_callout.scss 912 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /*
  2. * Component: Callout
  3. * ------------------
  4. */
  5. // Base styles (regardless of theme)
  6. .callout {
  7. @include 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(theme-color("danger"), 10%);
  33. }
  34. &.callout-warning {
  35. @extend .bg-yellow;
  36. border-color: darken(theme-color("warning"), 10%);
  37. }
  38. &.callout-info {
  39. @extend .bg-aqua;
  40. border-color: darken(theme-color("info"), 10%);
  41. }
  42. &.callout-success {
  43. @extend .bg-green;
  44. border-color: darken(theme-color("success"), 10%);
  45. }
  46. }