@import '../scss/init.scss';

.layout {
  &_leftAside {
    position: fixed;
    top: 0;
    left: 0;
  }

  &_main {
    // min-height: 100vh;
    position: relative;

    &_header {
      position: relative;
      width: 100%;
      top: 0;
      right: 0;
      z-index: $z_navDrawer - 1;
      transition: 225ms;

      &[data-scroll-state="is_scrollDown"] {
        transform: translateY(-100%);
      }

      &[data-scroll-state="is_scrollUp"] {
        transform: translateY(0);
      }
    }

    &--autoHideHeader[data-is-scroll-disabled="true"] &_header {
      transform: translateY(-100%);
    }

    &_body {
      &_inner {
        // min-height: 100vh;
        position: relative;
      }
    }
  }
}

.globalAppBar {
  @include depth(4);
}

@include respondTo_page(lg) {
  .is_drawerOpen {

    .layout_main_header {
      z-index: $z_navDrawer + 1;
    }

    .layout_main_body {
      padding-left: $s_navDrawerWidth;
    }
  }
}


@media screen and (min-width: 1920px) {
  .is_drawerOpen {
    .layout_main_body_inner {
      .container {
        position: relative;
        left: -$s_navDrawerWidth / 2;
      }

      .container--xlg {
        left: initial;
      }

      .container--noLeftAdjust {
        left: initial;
      }
    }
  }
}