layout.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. body {
  2. position: relative;
  3. }
  4. .content {
  5. min-height: 100vh;
  6. padding-top: $header-height + $spacing-08;
  7. padding-bottom: $spacing-08;
  8. .thin-footer & {
  9. min-height: calc(100vh - #{$thin-footer-height});
  10. }
  11. }
  12. .content-alt {
  13. background-color: $bg-light-secondary;
  14. }
  15. // Page header/separator
  16. .page-separator,
  17. .page-header {
  18. padding-bottom: $spacing-05;
  19. border-bottom: 1px solid $border-divider;
  20. margin: 0;
  21. // Apply margin above or below this header/separator only when it has a sibling
  22. * > * + &,
  23. * > & + * {
  24. margin-top: $spacing-08;
  25. }
  26. }
  27. // Horizontal rule. Override Bootstrap's 25% opacity, which we don't want
  28. hr {
  29. opacity: unset;
  30. }
  31. .horizontal-divider {
  32. border-top: 1px solid var(--border-divider);
  33. }
  34. .hidden {
  35. @extend .d-none;
  36. }
  37. .hidden-print {
  38. @extend .d-print-none;
  39. }
  40. .row-spaced {
  41. margin-top: var(--line-height-03);
  42. }
  43. .row-spaced-small {
  44. margin-top: calc(var(--line-height-03) / 2);
  45. }
  46. .row-spaced-large {
  47. margin-top: calc(var(--line-height-03) * 2);
  48. }
  49. .row-spaced-extra-large {
  50. margin-top: calc(var(--line-height-03) * 4);
  51. }