@import './index';
@import '../mixins/index';

/*组件库变量定义 非基础属性*/
/*Button*/
@btn-height-lg: 36px;
@btn-padding-base: 5px @padding-md;
@btn-padding-base-sm: 2px @padding-md;
@btn-padding-base-lg: 7px @padding-md;

/* button*/
.ant-btn {
  border-radius: @border-radius-base;
  padding: @btn-padding-base;
}
.ant-btn-sm {
  padding: @btn-padding-base-sm;
  font-size: @font1;
}
.ant-btn-lg {
  padding: @btn-padding-base-lg;
  font-size: @font-size-base;
  height: @btn-height-lg;
}
/*type:default*/
.ant-btn-default {
  background-color: @white;
  border-color: @primary-6;
  color: @primary-6;
  &:hover {
    background-color: @primary-5;
    border-color: @primary-5;
    color: @primary-5;
    background-color: @white;
  }
  &:focus {
    background-color: @primary-5;
    border-color: @primary-5;
    color: @primary-5;
    background-color: @white;
  }
  &:active {
    background-color: @primary-7;
    border-color: @primary-7;
    color: @primary-7;
    background-color: @white;
  }
  &[disabled] {
    background-color: @white;
    border-color: @primary-3;
    color: @primary-3;
    &:hover {
      background-color: @white;
      border-color: @primary-3;
      color: @primary-3;
    }
    &:focus {
      background-color: @white;
      border-color: @primary-3;
      color: @primary-3;
    }
    &:active {
      background-color: @white;
      border-color: @primary-3;
      color: @primary-3;
    }
  }
}
/*type:primary*/
.ant-btn-primary {
  background-color: @primary-6;
  border-color: @primary-6;
  color: @white;
  &:hover {
    background-color: @primary-5;
    border-color: @primary-5;
  }
  &:focus {
    background-color: @primary-5;
    border-color: @primary-5;
  }
  &:active {
    background-color: @primary-7;
    border-color: @primary-7;
  }
  &&[disabled] {
    background-color: @primary-3;
    border-color: @primary-3;
    color: @white;
    &:hover {
      background-color: @primary-3;
      border-color: @primary-3;
      color: @white;
    }
    &:focus {
      background-color: @primary-3;
      border-color: @primary-3;
      color: @white;
    }
    &:active {
      background-color: @primary-3;
      border-color: @primary-3;
      color: @white;
    }
  }
}

/*type:dashed*/
.ant-btn-dashed {
  border: @border-width-base solid @black-4;
  background-color: @white;
  border-color: @black-4;
  color: @black-8;
  &:hover {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }
  &:focus {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }
  &:active {
    background-color: @white;
    border-color: @primary-7;
    color: @primary-7;
  }
}

/* form*/
.ant-form-inline .ant-form-item {
  margin-bottom: 2 * @unit;
}

.ant-form-item-label > label {
  color: @black-8;
  font-family: PingFang Nor;
}

.ant-form-item-label {
  line-height: 4 * @unit;
}

.ant-form-item-control {
  line-height: 4 * @unit;
}

/* pagination*/
.ant-pagination-item {
  border-color: @black-3;
  border-radius: @border-radius-base;
  a {
    color: @black-8;
  }
  &:hover {
    border-color: @primary-5;
    a {
      color: @primary-5;
    }
  }
  &:focus {
    border-color: @primary-5;
    a {
      color: @primary-5;
    }
  }
}

.ant-pagination-item-active {
  border-color: @primary-6;
  a {
    color: @primary-6;
  }
  &:hover {
    border-color: @primary-5;
    a {
      color: @primary-5;
    }
  }
  &:focus {
    border-color: @primary-5;
    a {
      color: @primary-5;
    }
  }
}

.ant-pagination-prev,
.ant-pagination-next {
  border-color: @black-3;
  border-radius: @border-radius-base;
  a {
    color: @black-8;
    border-color: @black-3;
  }
  &:hover {
    border-color: @primary-5;
    a {
      border-color: @primary-5;
      color: @primary-5;
    }
  }
  &:focus {
    border-color: @primary-5;
    a {
      border-color: @primary-5;
      color: @primary-5;
    }
  }
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border-radius: @border-radius-base;
  border-color: @black-3;
  &:hover {
    border-color: @primary-5;
  }
  &:focus {
    border-color: @primary-5;
  }
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  border-radius: @border-radius-base;
  color: @black-8;
  &:hover {
    color: @black-8;
  }
  &:focus {
    color: @black-8;
  }
}

/* select*/
.ant-select-selection {
  width: 100%;
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
  &:hover {
    border-color: @primary-6;
  }
}
.ant-select-selection-selected-value {
  color: @black-8;
}

.ant-select-tree li span.ant-select-tree-switcher {
  color: @black-8;
}

/* input*/
.ant-input {
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
  &:hover {
    border-color: @primary-6;
  }
}

/* input-number*/
.ant-input-number {
  border-radius: @border-radius-base;
  border-color: @black-3;
}

.ant-radio-inner {
  border-color: @black-3;
  &:hover {
    border-color: @primary-6;
  }
}

.ant-input-number:hover {
  border-color: @primary-6;
}

/* radio*/
.ant-radio-checked .ant-radio-inner {
  border-color: @primary-6;
}

.ant-radio-inner::after {
  background-color: @primary-6;
}

/* picker*/
.ant-calendar-picker-input {
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
}

/* modal*/
.ant-modal-header {
  font-size: @font4;
  font-weight: 500;
  color: @black-10;
}

.ant-modal-close {
  color: @black-8;
}

.ant-modal-content {
  border-radius: @border-radius-base;
}

.ant-modal-footer {
  border-top: 1px solid @black-3;
}

/* menu*/
.ant-menu-inline {
  .ant-menu-submenu > .ant-menu {
    background-color: @black-1;
  }
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: @primary-1;
}

.ant-menu-item:hover {
  color: @primary-6;
  background-color: @primary-1;
}

.ant-menu-submenu-title:hover {
  color: @primary-6;
}

.ant-menu-inline-collapsed .iconfont + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}

.ant-menu-item,
.ant-menu-submenu-title {
  display: flex;
  align-items: center;
  .iconfont {
    margin-right: 8px;
  }
}

.ant-menu-item-selected,
.ant-menu-submenu-selected {
  color:  @primary-6;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(232, 243, 255, 1);
}

.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item:hover {
  border-bottom: none;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active {
  background-color: @primary-7;
}

.ant-menu-horizontal {
  line-height: 7 * @unit;
}

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
}

.ant-dropdown-menu-item-divider {
  margin: @margin-xxs @margin-sm;
  background-color: @black-3;
}

/* dropDown*/
.ant-dropdown-menu {
  border-radius: @border-radius-base;
}

.ant-dropdown-menu-item {
  width: calc(100% - 2 * @padding-sm);
  padding: @padding-xxs @padding-sm;
  margin-left: @padding-sm!important;
  line-height: 2.75 * @unit;
  margin-top: @margin-mini;
  margin-bottom: @margin-mini;
  color: @black-10;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: @black-2;
}

.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: @black-10;
  font-size: @font-size-base;
}

.ant-menu-vertical .ant-menu-item:not(:last-child), .ant-menu-vertical-left .ant-menu-item:not(:last-child), .ant-menu-vertical-right .ant-menu-item:not(:last-child), .ant-menu-inline .ant-menu-item:not(:last-child){
  margin-bottom: 0;
}
/*tree*/
.el-tree-node {
  padding-top: @padding-xxs;
  padding-bottom: @padding-xxs;
  color: @black-10;
}

/*steps*/
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-title, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-subtitle, .ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-description{
  color: @primary-6;
}

.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role="button"]:hover .ant-steps-item-icon .ant-steps-icon{
  color: @primary-6;
}

/*breadcrumb*/
.ant-breadcrumb a{
  color: @black-8;
  &:hover{
    color: @primary-5;
  }
}
.ant-breadcrumb > span:last-child{
  a{
    font-weight: 500;
    color: @black-10;
    &:hover{
      color: @primary-5;
    }
  }
}

/* 滚动条样式 start*/
::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

::-webkit-scrollbar-track {
  background-color: @white !important;
}

::-webkit-scrollbar-thumb {
  background-color: @black-3;
  width: 5px;
  border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: @borderFloatColor;
}

::-webkit-scrollbar-thumb:active {
  background-color: @borderFloatColor;
}