@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './header.component.less';
@import './sider.component.less';
@import './menu.component.less';

@m-layout-prefix-cls: m-layout;
@m-layout-sider-width: 64px;

.@{m-layout-prefix-cls} {
  display: flex;
  height: 100%;

  &-main {
    flex: 1;
    width: calc(100% - @m-layout-sider-width);
  }

  &-container {
    display: flex;
  }

  &-content {
    flex: 1;
    overflow: auto;
  }
}