@import './mixins';
@import './content/doc-content';
@import './content/hero-content';

.page-content {
  @include respond-to('lg') {
    padding-top: var(--nav-height);

    &.has-sidebar {
      padding-left: var(--sidebar-width-sm);
      @include respond-to('xlg') {
        padding-left: var(--sidebar-width-md);
      }
      @include respond-to('xxl') {
        padding-left: calc(
          (100vw - var(--app-max-width)) / 2 + var(--sidebar-width-md)
        );
      }
    }
  }
}