@use "../mixins/mixins" as *;
@use "../mixins/function" as *;
@use "../common/var.scss" as *;

@include b(layout) {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;

  @include when(horizontal) {
    flex-direction: row;
  }

  @include e(header) {
    flex-shrink: 0;
  }

  @include e(aside) {
    height: 100%;
    flex-shrink: 0;
    overflow: auto;
  }

  @include e(content) {
    flex: 1;
    overflow: auto;
  }

  @include e(footer) {
    flex-shrink: 0;
  }
}