$color-checkbox: $blue;
$color-border-el: #dcdfe6;

$btn-radius: 6px;

/* FORM */
// checkbox
.el-checkbox.is-bordered {
  @include border-radius($btn-radius);
  &:hover {
    border-color: $color-checkbox;
    .el-checkbox__label {
      color: $color-checkbox;
    }
  }
  .el-checkbox__input.is-focus {
    .el-checkbox__inner {
      border-color: $color-border-el;
    }
  }
  &.is-checked {
    background-color: $color-checkbox;
    .el-checkbox__label {
      color: white;
    }
    .el-checkbox__inner {
      border-color: white;
      background-color: white;
      &:after {
        border-color: $color-checkbox;
      }
    }
  }
}

// el-button
.el-button {
  @include border-radius($btn-radius);
}