_main-container.scss 570 B

12345678910111213141516171819202122232425262728293031323334
  1. // The outer page container i.e. common styles for any page.
  2. .td-outer {
  3. display: flex;
  4. flex-direction: column;
  5. min-height: 100vh;
  6. }
  7. // The outer page container for the default base template.
  8. .td-default {
  9. main {
  10. > section:first-of-type {
  11. @include media-breakpoint-up(md) {
  12. padding-top: 8rem;
  13. }
  14. }
  15. section {
  16. @extend .td-block-padding;
  17. }
  18. }
  19. }
  20. .td-main {
  21. flex-grow: 1;
  22. }
  23. .td-404 main,
  24. .td-main main {
  25. padding-top: 1.5rem;
  26. padding-bottom: 2rem;
  27. @include media-breakpoint-up(md) {
  28. padding-top: 5.5rem;
  29. }
  30. }