@import '../common/var-nb.scss';
@import '../mixins/utils.scss';
@import '../mixins/mixins.scss';

$--checkbox-hover-border-color: $--color-primary !default;
$--checkbox-focus-outline-color: $--color-primary !default;

$--checkbox-checked-background-color: $--color-primary !default;
$--checkbox-checked-border-color: $--color-primary !default;
/* button
 ----------------------------*/

 @include b(checkbox) {
  .el-checkbox__inner:hover {
    border-color: $--checkbox-hover-border-color;
  }

  .el-checkbox__input.is-checked {
    .el-checkbox__inner {
      background-color: $--checkbox-checked-background-color;
      border-color: $--checkbox-checked-border-color;
    }
  }

  .el-checkbox__input.is-focus {
    .el-checkbox__inner {
      border-color: $--checkbox-checked-border-color;
    }
  }
 }