@import '~@angular/material/theming';
@import './prutech-flex-column.theme';

@mixin prutech-layout-theme($theme, $typography) {
  .nav-container {
    @include prutech-flex-column-theme($theme, $typography);

    .header {
      width: 100%;
      max-height: 70px;
      height: 70px;
      // position: fixed;
    }

    .content-wrapper {
      width: 100%;
      min-width: 100%;
      max-height: calc(100% - 130px);
      height: calc(100% - 130px);
      overflow: auto;
    }

    .prutech-footer {
      width: 100%;
      min-width: 100%;
      max-height: 60px;
      height: 60px;
      position: fixed;
    }

    .user-actions:hover {
      cursor: pointer;
    }
  }
}