@import (reference) '../../style/common.less';

.umui-layout {
  flex: 1;
  &-header {
    height: @header-height;
    background: @top-nav-bg-color;
  }
  &-sider {
    position: fixed;
    height: 100%;
  }
  &-fixed {
    height: calc(~"100% - @{header-height}");
    transform: translateX(0);
    &.umui-layout-frame {
      height: 100%;
    }
  }
  &-scroll {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
  }
  &-body {
    max-width: @autofix-maximum-width;
    min-width: @autofix-minimum-width;
    padding: 0 20px;
    width: 100%;
    margin: 0 auto;

    &.umui-operational {
      padding-left: 0;
    }
  }
  &-content {
    overflow: hidden;
  }
}