/* 改变主题色变量 */
$--color-primary: #165ac6;
$--color-D7E5F9: #d7e5f9;
$--color-a9c4df: #a9c4df;
/*tab页*/
.el-tabs {
  .el-tabs__item {
    /*设置每个tab导航元素的样式*/
    height: 35px;
    line-height: 35px;
    padding: 0 30px;
    text-align: center;
    font-size: 16px;
    color: #5c79b0;
    &.is-active {
      /*设置tab导航激活态的字体加粗*/
      font-weight: bold;
    }
  }
  .el-tabs__nav-scroll {
    /*设置tab导航总体的10px左右内边距*/
    padding: 0 10px;
  }
}
.el-tabs--top {
  .el-tabs__nav {
    .el-tabs__item {
      &.is-top:nth-child(2) {
        /*设置tab导航第一个元素左内边距为10px*/
        padding-left: 10px;
      }
      &.is-top:last-child {
        /*设置tab导航最后一个元素右内边距为10px*/
        padding-right: 10px;
      }
    }
  }
}
.el-tabs--card {
  /*标签式tab页*/
  .el-tabs__item {
    /*默认左右内间距为20px*/
    padding: 0 20px;
    .el-icon-close {
      /*关闭按钮距左侧10px*/
      margin-left: 10px;
    }
  }
  & > .el-tabs__header {
    background: $--color-D7E5F9;
    border-bottom: 1px solid $--color-a9c4df !important;
    border: 1px solid $--color-a9c4df;
  }
  & > .el-tabs__header .el-tabs__item {
    border-left: 1px solid transparent !important;
  }
  & > .el-tabs__header .el-tabs__item.is-closable:hover {
    /*鼠标hover时，强制设置左右内间距10px*/
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  & > .el-tabs__header .el-tabs__item:last-child {
    padding-right: 10px;
  }
  & > .el-tabs__header .el-tabs__item.is-active.is-closable {
    /*激活态时，强制设置左右内间距10px*/
    height: 37px;
    margin-top: -2px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-top: 2px solid $--color-primary;
    border-bottom: none;
    background: #fff;
  }
  & > .el-tabs__header .el-tabs__nav {
    border-radius: 0 !important;
    border: 0;
  }
}
/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import '~element-ui/packages/theme-chalk/src/index';