f71d32a464
WIP wip wip format wip Move from SCSS variables to CSS custom properties (variables) and add custom parameters for theming/skinning
51 lines
1.3 KiB
SCSS
51 lines
1.3 KiB
SCSS
@import "../../stylesheets/variables/_all";
|
|
|
|
:root {
|
|
--nb-default-color: var(--color-gray);
|
|
--nb-default-bg: var(--color-white);
|
|
--nb-default-border: var(--color-white);
|
|
|
|
--nb-primary-color: var(--color-white);
|
|
--nb-primary-bg: var(--color-primary);
|
|
--nb-primary-border: var(--color-primary);
|
|
|
|
--nb-success-color: var(--color-white);
|
|
--nb-success-bg: var(--color-success);
|
|
--nb-success-border: var(--color-success);
|
|
|
|
--nb-danger-color: var(--color-white);
|
|
--nb-danger-bg: var(--color-danger);
|
|
--nb-danger-border: var(--color-danger);
|
|
}
|
|
|
|
.notificationsBar {
|
|
padding: calc(var(--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(var(--nb-default-color), var(--nb-default-bg), var(--nb-default-border));
|
|
}
|
|
|
|
.primary {
|
|
@include nb-variant(var(--nb-primary-color), var(--nb-primary-bg), var(--nb-primary-border));
|
|
}
|
|
|
|
.success {
|
|
@include nb-variant(var(--nb-success-color), var(--nb-success-bg), var(--nb-success-border));
|
|
}
|
|
|
|
.danger {
|
|
@include nb-variant(var(--nb-danger-color), var(--nb-danger-bg), var(--nb-danger-border));
|
|
}
|