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

.d-layout-container-dark {
  // 头、尾
  & > .d-layout-header {
    .d-header-container > .d-header-side {
      padding: 0 16px;
      line-height: @h-header;
      .header-logo {
        display: flex;
        align-items: center;
        color: #fff;
        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 {
    background: @color-nav;
    color: #fff;
  }

  & > .d-layout-footer {
    line-height: 32px;
    text-align: center;
  }
  // 中部
  & > .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 @color-nav;
      border-bottom: none;
    }
  }
  &.d-layout-container-nofooter > .d-layout-body {
    min-height: calc(~"100vh -" @h-header);
  }
}