// 提供含有 css variables 的 sass variables 供覆盖

@import './variables.scss';
@import "~@alifd/next/lib/core/index-noreset"; // next core style
@import '~@alifd/next/lib/shell/scss/variable'; // next shell variables
@import '~@alifd/next/lib/menu/scss/variable'; // next menu variables
@import '~@alifd/next/lib/nav/scss/variable'; // next nav variables

#{$shell-prefix} {
  &-header {
    border-bottom: none !important;
    box-shadow: none !important;
  }

  &-large {
    #{$shell-prefix} {
      &-header {
        height: $b-design-shell-header-height-large;
      }
    }
  }

  &-medium {
    #{$shell-prefix} {
      &-header {
        height: $b-design-shell-header-height-medium;
      }
    }
  }

  &-small {
    #{$shell-prefix} {
      &-header {
        height: $b-design-shell-header-height-small;
      }
    }
  }

  &-navigation {
    #{$menu-prefix} {
      box-shadow: none;
    }

    // .#{$css-prefix}hoz#{$menu-prefix} {
    //   border-width: 0;

    //   &#{$nav-prefix}.#{$css-prefix}secondary {
    //     #{$nav-prefix}-item#{$menu-prefix}-item {
    //       height: 100%;
    //       color: rgba(255, 255, 255, .7);

    //       &:hover {
    //         color: #fff;
    //       }
    //     }

    //     #{$nav-prefix}-item#{$menu-prefix}-item.#{$css-prefix}selected {
    //       background-color: transparent;

    //       &:before {
    //         background-color: rgba(255,255,255,0.90);
    //       }

    //       #{$menu-prefix}-item-text {
    //         color: #fff;
    //       }
    //     }

    //     #{$nav-prefix}-item#{$menu-prefix}-item.#{$css-prefix}-child-selected {
    //       &:before {
    //         background-color: rgba(255,255,255,0.90);
    //       }
    //     }
    //   }
    // }
  }
}