bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/audio-notification/styles.scss
2017-01-25 11:52:17 -08:00

64 lines
1.3 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;
.audioNotifications {
padding: $line-height-computed / 2;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-weight: 600;
}
.closeBtn {
position: absolute;
right: 1.65em;
top: .5em;
}
// Modifies the close button style
Button.closeBtn span:first-child {
color: $color-gray-light;
background: none;
border: none;
box-shadow: none;
}
@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);
}