@import "../src/less/variables.less";
@import "../src/less/mixins.less";
@import "../src/less/custom.less";
@import "../src/css/variables.less";

@gm-framework-top-right-default-height: 40px;

.gm-framework {

  // 满足内容区域最小一屏
  &-full-height {
    min-height: 100vh;
  }

  &-left {
    &-default {
      &-inner {
        z-index: 110;
        position: fixed;
        height: 100vh;
        overflow: auto;
      }
    }
  }

  &-right {
    &-top {
      &-default {
        height: @gm-framework-top-right-default-height;

        &-inner {
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          z-index: 101;
          background: white;
          border-bottom: 1px solid @gm-border-color;
          height: @gm-framework-top-right-default-height;

          .gm-framework-right-top-default-mobile-nav {
            display: none;
          }
        }
      }
    }
  }

  // breadcrumb
  &-breadcrumb {
    &-default {
      background: none;
      position: relative;
      margin-bottom: 0;
      padding: 0 20px 0 20px;
      line-height: 1;
      font-size: 12px;

      li:last-child {
        color: @brand-primary;
      }

      &-link {
        color: @gm-color-first;
      }
    }
  }

  &-info {
    &-default {
      &-setting-popover {
        min-width: 100px;
        font-size: 12px;
      }

      &-mobile-nav {
        display: none;
        line-height: 30px;
      }
    }
  }

  &-content {
    padding: 20px;
  }

  // 暴露给外面用
  .gm-framework-content-full {
    margin: -20px;
    height: ~"calc(100vh - 40px)";
  }

  .gm-framework-full-tabs {
    background: white;

    .gm-framework-full-tabs-list-box {
      height: 35px;

      .gm-framework-full-tabs-list {
        position: fixed;
        right: 0;
        z-index: 101;
        padding: 0 20px;
        border-bottom: 1px solid @gm-border-color;
        margin-top: -1px;

        .gm-framework-full-tabs-item {
          padding: 6px 0;
          margin-right: 40px;
          font-size: 16px;
          position: relative;
          cursor: pointer;

          &.active {
            color: @brand-primary;

            &::before {
              content: "";
              position: absolute;
              width: 100%;
              height: 3px;
              background: @brand-primary;
              bottom: 0;
            }
          }
        }
      }
    }

    .gm-framework-full-tabs-content {
      min-height: ~"calc(100% - 35px)";
    }
  }
}

// 放后面
@import "./mobile.less";
@import "./print.less";