78 lines
1.1 KiB
SCSS
78 lines
1.1 KiB
SCSS
//
|
|
// Component: Toasts
|
|
//
|
|
|
|
.toasts-top-right {
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: $zindex-toasts;
|
|
|
|
&.fixed {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
.toasts-top-left {
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
z-index: $zindex-toasts;
|
|
|
|
&.fixed {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
.toasts-bottom-right {
|
|
bottom: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
z-index: $zindex-toasts;
|
|
|
|
&.fixed {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
.toasts-bottom-left {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute;
|
|
z-index: $zindex-toasts;
|
|
|
|
&.fixed {
|
|
position: fixed;
|
|
}
|
|
}
|
|
|
|
@include dark-mode () {
|
|
.toast {
|
|
background-color: rgba($dark, .85);
|
|
color: $white;
|
|
|
|
.toast-header {
|
|
background-color: rgba($dark, .7);
|
|
color: $gray-100;
|
|
}
|
|
|
|
@each $name, $color in $theme-colors-alt {
|
|
@include toast-variant($name, $color);
|
|
}
|
|
|
|
@each $name, $color in $colors-alt {
|
|
@include toast-variant($name, $color);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.toast {
|
|
@each $name, $color in $theme-colors {
|
|
@include toast-variant($name, $color);
|
|
}
|
|
@each $name, $color in $colors {
|
|
@include toast-variant($name, $color);
|
|
}
|
|
}
|