|
@@ -93,23 +93,27 @@ $module: #{$prefix}-notification;
|
|
|
|
|
|
&-light {
|
|
|
&.#{$module}-notice-warning {
|
|
|
- background-color: $color-notification_warning_light-bg;
|
|
|
+ background-image: linear-gradient(0deg, $color-notification_warning_light-bg, $color-notification_warning_light-bg);
|
|
|
+ background-color: $color-notification_ambient-bg;
|
|
|
border: $width-notification_notice-border solid $color-notification_warning_light-border;
|
|
|
}
|
|
|
|
|
|
&.#{$module}-notice-success {
|
|
|
- background-color: $color-notification_success_light-bg;
|
|
|
+ background-image: linear-gradient(0deg, $color-notification_success_light-bg, $color-notification_success_light-bg);
|
|
|
+ background-color: $color-notification_ambient-bg;
|
|
|
border: $width-notification_notice-border solid $color-notification_success_light-border;
|
|
|
}
|
|
|
|
|
|
&.#{$module}-notice-info,
|
|
|
&.#{$module}-notice-default {
|
|
|
- background-color: $color-notification_info_light-bg;
|
|
|
+ background-image: linear-gradient(0deg, $color-notification_info_light-bg, $color-notification_info_light-bg);
|
|
|
+ background-color: $color-notification_ambient-bg;
|
|
|
border: $width-notification_notice-border solid $color-notification_info_light-border;
|
|
|
}
|
|
|
|
|
|
&.#{$module}-notice-error {
|
|
|
- background-color: $color-notification_danger_light-bg;
|
|
|
+ background-image: linear-gradient(0deg, $color-notification_danger_light-bg, $color-notification_danger_light-bg);
|
|
|
+ background-color: $color-notification_ambient-bg;
|
|
|
border: $width-notification_notice-border solid $color-notification_danger_light-border;
|
|
|
}
|
|
|
}
|
|
@@ -165,4 +169,4 @@ $module: #{$prefix}-notification;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-@import "./rtl.scss";
|
|
|
+@import "./rtl.scss";
|