bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/notifications-bar/styles.scss
2016-08-20 18:14:12 -07:00

49 lines
1.1 KiB
SCSS
Executable File

@import "../../stylesheets/variables/_all";
$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);
}