@import "css-variables";

.layout_card {
  @include cy-card;
}

.layout_card_main {
  width: 100%;
  height: 100%;
  @include cy-card;
}

.layout_display_flex {
  width: 100%;
  height: 100%;
  display: flex;
  box-sizing: border-box;
}

.layout_display_flex_y {
  @include flex-y-max;
}

.layout_flex_1-x {
  flex: 1;
  width: 0;
}

.layout_flex_1-y {
  flex: 1;
  height: 0;
}

.layout_h-w_max {
  width: 100%;
  height: 100%;
}

.layout_overflow_auto {
  overflow: auto;
}

.layout_full_size-no-border {
  width: 100%;
  height: 100%;
  border: 0;
}

.layout_container {
  @include max_h_w;
  display: flex;
  flex-direction: column;

  > header {
    margin-bottom: 8px;
  }

  > .layout_main {
    flex: 1;
    width: 0;
    height: 100%;
  }

}

.layout-horizontal {
  flex-direction: row;

  > aside {
    margin-right: 8px;
  }

  > .layout_main {
    width: 0;
    height: 100%;
    flex: 1;
  }
}

.layout_el-table {
  display: flex;
  flex-direction: column;

  .el-table {
    flex: 1;
  }

}