_callouts.scss 695 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. //
  2. // Callouts
  3. //
  4. .bd-callout {
  5. padding: 1.25rem;
  6. margin-top: 1.25rem;
  7. margin-bottom: 1.25rem;
  8. border: 1px solid #eee;
  9. border-left-width: .25rem;
  10. border-radius: .25rem;
  11. }
  12. .bd-callout h4 {
  13. margin-top: 0;
  14. margin-bottom: .25rem;
  15. }
  16. .bd-callout p:last-child {
  17. margin-bottom: 0;
  18. }
  19. .bd-callout code {
  20. border-radius: .25rem;
  21. }
  22. .bd-callout + .bd-callout {
  23. margin-top: -.25rem;
  24. }
  25. // Variations
  26. @mixin bs-callout-variant($color) {
  27. border-left-color: $color;
  28. h4 { color: $color; }
  29. }
  30. .bd-callout-info { @include bs-callout-variant($bd-info); }
  31. .bd-callout-warning { @include bs-callout-variant($bd-warning); }
  32. .bd-callout-danger { @include bs-callout-variant($bd-danger); }