@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@layout-content-prefix-cls: ~'@{style-prefix}-layout-content';

.@{layout-content-prefix-cls} {
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
  background-color: @layout-body-background;

  &-main-content {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }

  &-main-content-scroll {
    flex: 1;
    overflow-y: auto;
  }

  &-content {
    margin: @margin-md;
  }

  &-bottom-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    background-color: #ffffff;
    box-shadow: @bailu-layout-content-sider-box-shadow;
  }

  &-sider {
    overflow-y: auto;
    background-color: @white;
    box-shadow: @bailu-layout-content-sider-box-shadow;
  }
}