Files
dspace-angular/src/app/shared/notifications/notification/notification.component.scss
2018-05-15 11:34:45 +02:00

35 lines
799 B
SCSS

@import '../../../../styles/variables.scss';
.alert {
display: inline-block;
min-width: $modal-sm;
text-align: left;
}
.close {
outline: none !important
}
.notification-icon {
min-width: 3rem;
}
.notification-progress-loader {
top: -1px;
left: 0;
height: 1px;
}
.alert-success .notification-progress-loader span {
background: darken(adjust-hue(map-get($theme-colors, success), -10), 10%);
}
.alert-danger .notification-progress-loader span {
background: darken(adjust-hue(map-get($theme-colors, danger), -10), 10%);
}
.alert-info .notification-progress-loader span {
background: darken(adjust-hue(map-get($theme-colors, info), -10), 10%);
}
.alert-warning .notification-progress-loader span {
background: darken(adjust-hue(map-get($theme-colors, warning), -10), 10%);
}