decentraland-ui/src/components/Page/Page.css

Decentraland's UI components and styles

.dcl.page {
  position: relative;
  padding: 0px 0px;
  min-height: calc(
    100vh - var(--navbar-height) - var(--footer-height) -
      var(--navbar-margin-bottom) - var(--footer-margin-top) - 1px
  );
}

.dcl.navbar.fullscreen + .dcl.page {
  min-height: calc(
    100vh - var(--navbar-height) - var(--footer-height) -
      var(--footer-margin-top) - 1px
  );
}

.dcl.navbar.fullscreen + .dcl.page.fullscreen {
  min-height: calc(100vh - var(--navbar-height) - var(--footer-height) - 1px);
}

.dcl.navbar.fullscreen + .dcl.tabs + .dcl.page.dcl.page.fullscreen {
  min-height: calc(
    100vh - var(--navbar-height) - var(--tabs-height) -
      var(--tabs-margin-bottom) - var(--footer-height) - 1px
  );
}

.dcl.navbar.fullscreen + .dcl.tabs.fullscreen + .dcl.page.dcl.page.fullscreen {
  min-height: calc(
    100vh - var(--navbar-height) - var(--tabs-height) - var(--footer-height) -
      1px
  );
}

@media (max-width: 768px) {
  .dcl.page {
    padding: 0px 0px 48px 0px;
  }
  .dcl.page.fullscreen {
    padding: 0px;
  }
  .dcl.navbar.fullscreen + .dcl.page.fullscreen {
    min-height: calc(
      100vh - var(--navbar-height) - var(--footer-height) -
        var(--footer-margin-top) - 1px
    );
  }
}