//
// Contextual backgrounds
//

.bg-faded {
  background-color: darken($body-bg, 3%);
}

@include bg-variant('.bg-inverse', $gray-dark);

@include bg-variant('.bg-gray-darker', $gray-darker);

@include bg-variant('.bg-gray-lightest-18', $gray-lightest-18);

@include bg-variant('.bg-gray-lightest-10', $gray-lightest-10);

@include bg-variant('.bg-gray-lightest-5', $gray-lightest-5);

@include bg-variant('.bg-white', $white);


//gradients backgrounds
@each $key, $value in $color-status {
  .bg-#{$key} {
    @include bg-gradient(nth($value,2),nth($value,3));
  }
  a.bg-#{$key}{
    @include hover-focus {
      @include hover-gradient(nth($value,2),nth($value,3));
    }
  }
}