//disabled,hover等状态相关

//
// disabled
//
@mixin status-disabled($prefix: &) {
  @at-root {
    #{$prefix}--disabled,
    #{$prefix}[disabled],
    #{$prefix}:disabled {
      @content;
      cursor: $cursor-disabled;
      // filter: alpha(opacity=45);
      // opacity: .45;

      &:hover,
      &:focus,
      &:active {
        @content;
      }
    }
  }
}

//
// active
//
@mixin active-primary($inverse: false) {
  @content;
  color: $white;
  background-color: $brand-primary;
  outline: none;
}

@mixin activeStatus($color, $angle, $inverse: false) {

  @if ($value) {
    @content;
    $bg: nth($value, 1);
    color: $white;
    background-color: $bg;
    outline: none;
  }
  $statuMap: ("primary": $brand-primary, "success": $brand-success, "info": $brand-info, "warning": $brand-warning, "danger": $brand-danger);
  $value: map-get($statuMap, $color);
}

@mixin focus-active {
  &:focus,
  &.active,
  &:active {
    @content;
  }
}

@mixin checked-active {
  &--checked,
  &[checked] {
    @content;
  }
}

//more

.content-has-more {
  &::after {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    box-shadow: inset 0 -15px 30px #fff;
  }
}