@import "../vars.less";

.ten-container {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
  flex: 1;
  flex-basis: auto;
  
  &--vertical {
    flex-direction: column;
  }

  .ten-header, .ten-footer, .ten-aside, .ten-main {
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .ten-aside {
    overflow: auto;
  }

  .ten-main {
    display: block;
    flex: 1;
    flex-basis: auto;
    overflow: auto;
  }
}