$color-success: #13ce66 !default;
$color-warning: #f7ba2a !default;
$color-danger: #ff4949 !default;
$color-info: #909399 !default;
$color-primary: #12aaeb;
$color-default: #3b6897;
$color-base: #fff;

// comm
@mixin disabled{
  opacity: .7;
  cursor: not-allowed;
}

@mixin active($color) {
  border:1px solid lighten($color,20%);
  outline: 0
}

// button
@mixin button-type($color) {
  background: $color;
  border: 1px solid $color;
  color: $color-base;
}

@mixin focus-hover($color) {
  background: darken($color,10%);
  border: 1px solid $color;
}

@mixin diabled-color($color) {
  background:rgba($color, 0.5);
  border-color:rgba($color, 0.8);
}

// plain
@mixin button-type-plain($color) {
  background: rgba($color, 0.1);
  border-color: rgba($color, 0.8);
  color: $color-base;
}

@mixin focus-hover-plain($color) {
  background: rgba($color, 0.8);
  border-color: rgba($color, 0.8);
  color: $color-base;
}

@mixin diabled-color-plain($color) {
  background: rgba($color, 0.1);
  border-color:rgba($color, 0.5);
  color: rgba($color-base, 0.5);
}