bixi/packages/core/layout/style/index.less

企业级中后台前端解决方案

@import '../../style/index.less';

@layout-box-shadow-color: @bixi-gray-dark;
@layout-bg: @bixi-white-lighter;

.bixi-layout{
  display: flex;
  flex-direction: column;
  height: 100%;
  .bixi-layout-main{
    position: relative;
    display: flex;
    flex: 1;
    width: 100%;
    height: calc(100% - @layout52);
    .bixi-layout-content{
      display: block;
      flex: 1;
      width: 100%;
      overflow: auto;
      background: @layout-bg;
      box-shadow: 0 1px 5px 0 @layout-box-shadow-color;
    }
  }

  // 无面包屑样式
  .bixi-headless-layout-main {
    height: 100%;
    .left-menu {
      .bixi-layout-nav {
        display: none;
      }
      .bixi-layout-menu {
        height: calc(100% - @layout52);
      }
    }
  }
  &-collapsed{
    .bixi-layout-main{
      .bixi-layout-content{
        flex: 1;
      }
    }
  }
}