//
// _layouts.scss
//

body[data-layout-size='boxed'] {
  background-color: var(--#{$prefix}boxed-body-bg);

  #layout-wrapper {
    background-color: var(--#{$prefix}body-bg);
    max-width: $boxed-layout-width;
    margin: 0 auto;
    box-shadow: $box-shadow;
    min-height: 1760px;
  }

  #page-topbar {
    max-width: $boxed-layout-width;
    margin: 0 auto;
  }

  .footer {
    margin: 0 auto;
    max-width: calc(#{$boxed-layout-width} - #{$sidebar-width});
  }

  &.vertical-collpsed {
    .footer {
      max-width: calc(#{$boxed-layout-width} - #{$sidebar-collapsed-width});
    }
  }
}

// Horizontal Boxed Layout

body[data-layout='horizontal'][data-layout-size='boxed'] {
  #page-topbar,
  #layout-wrapper,
  .footer {
    max-width: 100%;
  }

  .container-fluid,
  .navbar-header {
    max-width: $boxed-layout-width;
  }
}

// Scrollable layout

body[data-layout-scrollable='true'] {
  @media (min-width: 992px) {
    #page-topbar,
    .vertical-menu {
      position: absolute;
    }
  }

  &[data-layout='horizontal'] {
    @media (min-width: 992px) {
      #page-topbar,
      .topnav {
        position: absolute;
      }
    }
  }
}
