_bootstrap.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. ._bootstrap {
  2. @extend %simple;
  3. h4 > code, h5 > code, strong > code { @extend %label; }
  4. h2 > small {
  5. color: var(--textColorLight);
  6. float: right;
  7. }
  8. .h5 { font-size: 1.25rem; }
  9. .bs-callout { @extend %note; }
  10. .bs-callout-info { @extend %note-blue; }
  11. .bs-callout-danger { @extend %note-red; }
  12. .bs-callout > h4, .bs-callout > h5 { margin-top: .25rem; }
  13. .text-danger { @extend %label, %label-red; }
  14. p.bs-example {
  15. padding: .375rem .625rem;
  16. line-height: 1.5;
  17. @extend %heading-box;
  18. }
  19. div.bs-example {
  20. @extend %pre-heading;
  21. }
  22. a.thumbnail {
  23. display: block;
  24. padding: .25em;
  25. @extend %box;
  26. &:after { content: none; }
  27. + h4 { margin: .75em 0 .5em; }
  28. > img { display: block; }
  29. }
  30. .col { margin-bottom: 1.5em; }
  31. .d-block { display: block; }
  32. @media (min-width: 800px) {
  33. .row {
  34. display: flex;
  35. flex-wrap: wrap;
  36. }
  37. .col {
  38. flex: 0 1 auto;
  39. padding: 0 1em;
  40. width: 33.33%;
  41. -moz-box-sizing: border-box;
  42. box-sizing: border-box;
  43. }
  44. .col-md-6 { width: 50%; }
  45. }
  46. }