@charset "UTF-8";
////////黑色主题皮肤////////
@import "./_setting.less";
@h-header: @sys-height-nav;
@h-footer: @sys-height-footer;
@color-nav: #393D49;

.d-layout-container-default {
  // 头、尾
  & > .d-layout-header{
    box-shadow: 0 0 12px 0 rgba(0,0,0,.1);
    .d-header-container > .d-header-side {
      padding: 0 16px;
      line-height: @h-header;
      .header-logo {
        display: flex;
        align-items: center;
        color: #666;
        font-size: 24px;
        height: @h-header;
        line-height: @h-header;
      }
      .logo-image {
        margin-right: 8px;
        width: 32px;
        height: 32px;
      }
    }
  }
  & > .d-layout-header,
  & > .d-layout-footer,
  & > .d-layout-body > .d-layout-side  {
    color: #666;
  }
  & > .d-layout-footer {
    line-height: 32px;
    text-align: center;
    border-top: 1px solid #e0e0e0;
  }
  // 中部
  & > .d-layout-body {
    min-height: calc(~"100vh -" @h-header ~"-" @h-footer);
    & > .d-layout-content {
      & > .d-contenter {
        // 面包屑导航
        & > .d-nav-breadcrumb {
          display: block;
          padding: 16px 16px 0;
        }
      }
    }
    & > .d-layout-side {
      border: 1px solid #e0e0e0;
      border-bottom: none;
      background: #fff;
    }
  }
  &.d-layout-container-nofooter > .d-layout-body {
    min-height: calc(~"100vh -" @h-header);
  }
}