//disabled,hover等状态相关

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

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

}

//
// active
//
@mixin active-primary($inverse: false) {
  color: $white;
  outline: none;
  @if ($enable-gradients == true) {
    @if ($inverse == true) {
      @extend %gradient-primary-inverse;
    } @else {
      @extend %gradient-primary;
    }

  } @else {
    background-color: $brand-primary;
  }
  @content;
}

@mixin activeStatus($color,$angle,$inverse: false){
  $statuMap: (
          'primary': $brand-primary $brand-gradient-primary,
          'success': $brand-success $brand-gradient-success,
          'info': $brand-info $brand-gradient-info,
          'warning': $brand-warning $brand-gradient-warning,
          'danger': $brand-danger $brand-gradient-danger);
  $value: map-get($statuMap,$color);
  @if($value){
    color: $white;
    outline: none;
    $bg:nth($value,1);
    @if ($enable-gradients == true) {
      $defaultGradient: nth($value,2);
      $gradient: if($angle,(unquote($angle) nth($defaultGradient,2) nth($defaultGradient,3)),$defaultGradient);

      @if ($inverse == true) {
        @include bg-gradient-inverse($bg,$gradient);
      }@else {
        @include bg-gradient($bg,$gradient);
      }

    } @else {
      background-color: $bg;
    }
    @content;
  }
}

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

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

//more

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