2016-08-21 09:14:12 +08:00
|
|
|
@import "../../stylesheets/variables/_all";
|
2016-08-10 00:28:16 +08:00
|
|
|
|
|
|
|
$nb-default-color: $color-gray;
|
|
|
|
$nb-default-bg: $color-white;
|
|
|
|
$nb-default-border: $color-white;
|
|
|
|
|
|
|
|
$nb-primary-color: $color-white;
|
|
|
|
$nb-primary-bg: $color-primary;
|
|
|
|
$nb-primary-border: $color-primary;
|
|
|
|
|
|
|
|
$nb-success-color: $color-white;
|
|
|
|
$nb-success-bg: $color-success;
|
|
|
|
$nb-success-border: $color-success;
|
|
|
|
|
|
|
|
$nb-danger-color: $color-white;
|
|
|
|
$nb-danger-bg: $color-danger;
|
|
|
|
$nb-danger-border: $color-danger;
|
|
|
|
|
|
|
|
.notificationsBar {
|
|
|
|
padding: $line-height-computed / 2;
|
|
|
|
display: flex;
|
|
|
|
flex-direction: row;
|
|
|
|
justify-content: center;
|
|
|
|
align-items: center;
|
|
|
|
font-weight: 600;
|
|
|
|
}
|
|
|
|
|
|
|
|
@mixin nb-variant($color, $background, $border) {
|
|
|
|
color: $color;
|
|
|
|
background-color: $background;
|
|
|
|
border-color: $border;
|
|
|
|
}
|
|
|
|
|
|
|
|
.default {
|
|
|
|
@include nb-variant($nb-default-color, $nb-default-bg, $nb-default-border);
|
|
|
|
}
|
|
|
|
|
|
|
|
.primary {
|
|
|
|
@include nb-variant($nb-primary-color, $nb-primary-bg, $nb-primary-border);
|
|
|
|
}
|
|
|
|
|
|
|
|
.success {
|
|
|
|
@include nb-variant($nb-success-color, $nb-success-bg, $nb-success-border);
|
|
|
|
}
|
|
|
|
|
|
|
|
.danger {
|
|
|
|
@include nb-variant($nb-danger-color, $nb-danger-bg, $nb-danger-border);
|
|
|
|
}
|