@import "./utils/mixins.scss";

/** element主题样式调整
 -------------------------- */
 // 按钮
.el-button:not(.el-button--primary):not(.el-button--text):not(.el-button--danger) {
  &:hover {
    @include border_color_primary(.6);
    @include bg_color_primary(.2);
    @include font_color_primary;
  }
}
.el-button--primary {
  @include border_color_primary;
  @include bg_color_primary;
  &:hover {
    @include border_color_primary_mixin(.2);
    @include bg_color_primary_mixin(.2);
  }
}
.el-button--primary.is-plain {
  @include border_color_primary(.6);
  @include bg_color_primary(.2);
  @include font_color_primary;
  &:hover {
    @include border_color_primary;
    @include bg_color_primary;
    color: #fff!important;
  }
}

.el-button--default {
  &:hover {
    @include border_color_primary(.3);
    @include bg_color_primary(.2);
    @include font_color_primary;
  }
}
.el-button--text {
  @include font_color_primary;
  &:hover {
    @include font_color_primary_mixin( .2);
  }
}
.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  @include border_color_primary;
  @include bg_color_primary;
}

// switch
.el-switch.is-checked .el-switch__core {
  @include border_color_primary;
  @include bg_color_primary;
}

// 分页器
.el-pager li.active {
  @include font_color_primary;
}

// 标签页
.el-tabs--card > .el-tabs__header .el-tabs__item {
  &:hover, &.is-active {
    @include font_color_primary;
  }
}
// 文本框
.el-select .el-input.is-focus .el-input__inner {
  @include border_color_primary;
}

.el-input__inner {
  &:focus {
    @include border_color_primary;
  }
}

// radio
.el-radio__input.is-checked .el-radio__inner{
  @include border_color_primary;
  @include bg_color_primary;
}
.el-radio__input.is-checked + .el-radio__label{
  @include font_color_primary;
}
// 加载loading
.el-loading-spinner .path {
  @include stroke_color_primary;
}

//下拉列表
.el-select-dropdown__item.selected {
  @include font_color_primary;
}

.el-dropdown-menu__item {
  &:hover {
    @include font_color_primary;
    @include bg_color_primary(.2);
  }
}


// 菜单
.el-submenu .el-menu-item , .el-submenu__title, .el-menu-item {
  &:hover {
    @include bg_color_primary_mixin(.8);
  }
}


// 表格
.el-table .ascending .sort-caret.ascending {
  @include border_color_primary(1, bottom);
}

 .el-table .descending .sort-caret.descending {
  @include border_color_primary(1, top);
}

// 复选框
.el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  @include bg_color_primary;
  @include border_color_primary;
}
// 步骤条
// .el-step__icon.is-text{
//   @include border_color_primary;
// }
// .el-step__head.is-success .el-step__icon.is-text{
//   @include font_color_primary;
// }
.el-step__title.is-process{
  @include font_color_primary;
}
// 树 
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
  @include bg_color_primary(.1);
}
// 进度条
.el-progress-bar__inner{
  @include bg_color_primary; 
}
.el-progress__text{
  @include font_color_primary;
}
// 上传框
.el-upload:hover {
  @include border_color_primary;
}
// 导入、导出页面换肤
.el-checkbox__input.is-checked + .el-checkbox__label{
  @include font_color_primary;
}
.el-step__head.is-finish{
  @include font_color_primary;
}
.el-step__title.is-finish{
  @include font_color_primary;
}
.el-step__line-inner{
  @include border_color_primary;
}
.el-tabs__item.is-active{
  @include font_color_primary;
}

.el-cascader-panel {
  max-width: 100vw;
  .el-cascader-menu {
    flex: 1;
    min-width: auto;
    .el-cascader-node {
      padding: 10px 15px!important;
      line-height: 20px;
      .el-cascader-node__label {
        white-space: pre-wrap;
      }
    }
  }
}

/** 弹窗样式 **/
body .el-dialog__body {
  padding: 10px 20px;
}

.dialog--noheader {
  .el-dialog__header {
    padding-top: 10px;
    border: none;
    .el-dialog__title {
      display: none;
    }
  }
  .el-dialog__headerbtn {
    top: 0px;
    font-size: 18px;
  }
}

/** 轮播图 **/
body .el-carousel__button {
  width: 20px;
  height: 6px;
  border-radius: 0;
}
body .el-carousel__indicator.is-active button {
  @include bg_color_primary 
}

.el-tooltip__popper.is-dark {
  max-width: 50%;
  line-height: 1.4;
}

// 表格错位
body .el-table th.gutter{
  display: table-cell!important;
}
// element组件初始化
.el-message-box {
  max-width: 90%;
}
div.el-message {
  max-width: 90%;
  min-width: 300px;
}

/** vant 样式
-------------------------- */
body {
  .van-nav-bar .van-icon {
    color: #666;
    font-size: 18px;
  }
}
 .van-tabbar-item--active {
  @include font_color_primary;
 }