layout.scss 1.0 KB

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