@charset "utf-8";

// 添加ie8兼容
// --------------------------------------------------
// opacity
@mixin opacity($opacity: .5, $filter: true) {
  $filterOpacity: 100 * $opacity;
  opacity: $opacity;
  @if $filter {
    filter: alpha(opacity=$filterOpacity);
  }
}

// background rgba
%filter-gradient-none {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}

@mixin filter-gradient($startColor, $endColor) {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}');

  :root & {
    @extend %filter-gradient-none;
  }
}

@mixin background-rgba($bgcolor: rgba(0, 0, 0, .5), $filter: true) {
  @if $filter {
    @include filter-gradient($bgcolor, $bgcolor);
  } @else {
    $r: red($bgcolor);
    $g: green($bgcolor);
    $b: blue($bgcolor);
    $ret: rgb($red, $g, $b); // sass-lint 脑残
    background-color: $ret;
  }
  background-color: $bgcolor;
}

%background-rgba {
  @include background-rgba;
}