@mixin banners($class-name,$value) {
    @each $name, $colors in $value {
        .#{$class-name}-#{$name} {
            background: #{nth($colors, 1)};
            border-color: #{nth($colors, 2)};
            color: #{nth($colors, 3)};
        }
    }
}

@mixin notifications($class-name,$value) {
  @each $name, $colors in $value {
    .#{$class-name}-#{$name} {
      background: #{nth($colors, 1)};
      color: #{nth($colors, 3)};
      i{
        color: #{nth($colors, 2)};
      }
      .sh-notification-close {
        i {
          color: #{nth($colors, 3)};
        }
      }
    }
  }
}