_content.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. //
  2. // Bootstrap docs content theming
  3. //
  4. // Offset for the sticky header
  5. @include media-breakpoint-up(md) {
  6. :root {
  7. scroll-padding-top: 4rem;
  8. }
  9. }
  10. .bd-content {
  11. > h2:not(:first-child) {
  12. margin-top: 3rem;
  13. }
  14. > h3 {
  15. margin-top: 2rem;
  16. }
  17. > ul li,
  18. > ol li {
  19. margin-bottom: .25rem;
  20. // stylelint-disable selector-max-type, selector-max-compound-selectors
  21. > p ~ ul {
  22. margin-top: -.5rem;
  23. margin-bottom: 1rem;
  24. }
  25. // stylelint-enable selector-max-type, selector-max-compound-selectors
  26. }
  27. // Override Bootstrap defaults
  28. > .table {
  29. max-width: 100%;
  30. margin-bottom: 1.5rem;
  31. @include font-size(.875rem);
  32. @include media-breakpoint-down(lg) {
  33. display: block;
  34. overflow-x: auto;
  35. &.table-bordered {
  36. border: 0;
  37. }
  38. }
  39. th,
  40. td {
  41. &:first-child {
  42. padding-left: 0;
  43. }
  44. &:not(:last-child) {
  45. padding-right: 1.5rem;
  46. }
  47. }
  48. // Prevent breaking of code
  49. td:first-child > code {
  50. white-space: nowrap;
  51. }
  52. }
  53. }
  54. .bd-title {
  55. @include font-size(3rem);
  56. }
  57. .bd-lead {
  58. @include font-size(1.5rem);
  59. font-weight: 300;
  60. }
  61. .bd-text-purple-bright {
  62. color: $bd-purple-bright;
  63. }
  64. .bd-bg-purple-bright {
  65. background-color: $bd-purple-bright;
  66. }