.card {
  &.card-background {
    align-items: $card-bg-align-items;

    .full-background {
      background-position: $card-full-bg-bg-position;
      background-size: $card-full-bg-bg-size;
      margin-bottom: $card-full-bg-mb;
      width: $card-full-bg-width;
      height: $card-full-bg-height;
      position: $card-full-bg-position;
      border-radius: $card-border-radius;
    }

    .card-body {
      color: $white;
      position: $card-bg-body-position;
      z-index: $card-bg-body-z-index;

      .content-center,
      .content-left {
        min-height: $card-bg-content-min-height;
        max-width: $card-bg-content-max-width;
        padding-top: $card-bg-content-pt;
        padding-bottom: $card-bg-content-pb;
      }
      .content-center {
        text-align: center;
      }
      &.body-left {
        width: $card-bg-body-left-width;
      }

      .author {
        .name {
          span,
          .stats {
            color: $white;
          }
        }
      }
    }

    &:after {
      position: $card-bg-filter-position;
      top: $card-bg-filter-top;
      bottom: $card-bg-filter-bottom;
      left: $card-bg-filter-left;
      height: $card-bg-filter-height;
      width: $card-bg-filter-width;
      z-index: $card-bg-filter-z-index;
      display: $card-bg-filter-display;
      content: $card-bg-filter-content;
      background: $card-bg-filter-bg;
      border-radius: $card-border-radius;
    }

    &.card-background-mask-primary{
      &:before {
        background: $card-bg-filter-mask-bg;
      }
      &:after {
        @include gradient-directional($primary-gradient 0%, $primary-gradient-state 100%, $deg: 310deg);
        opacity: .85;
      }
    }

    &.card-background-mask-info{
      &:before {
        background: $card-bg-filter-mask-bg;
      }
      &:after {
        @include gradient-directional($info-gradient 0%, $info-gradient-state 100%, $deg: 310deg);
        opacity: .85;
      }
    }

    &.card-background-mask-success{
      &:before {
        background: $card-bg-filter-mask-bg;
      }
      &:after {
        @include gradient-directional($success-gradient 0%, $success-gradient-state 100%, $deg: 310deg);
        opacity: .85;
      }
    }

    &.card-background-mask-warning{
      &:before {
        background: $card-bg-filter-mask-bg;
      }
      &:after {
        @include gradient-directional($warning-gradient 0%, $warning-gradient-state 100%, $deg: 310deg);
        opacity: .85;
      }
    }

    &.card-background-mask-danger{
      &:before {
        background: $card-bg-filter-mask-bg;
      }
      &:after {
        @include gradient-directional($danger-gradient 0%, $danger-gradient-state 100%, $deg: 310deg);
        opacity: .85;
      }
    }

    .card-category {
      font-size: $font-size-sm;
      font-weight: $font-weight-bold;
    }

    .card-description {
      margin-top: $card-bg-description-margin;
      margin-bottom: $card-bg-description-margin;
    }
  }
}
