You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
42 lines
1015 B
SCSS
42 lines
1015 B
SCSS
@use '../utilities/main_utilities' as *;
|
|
@use "sass:color";
|
|
|
|
// Alerts
|
|
.alert{
|
|
background: color.adjust($color-tertiary, $saturation: -25%);
|
|
border-left: 4px solid $color-tertiary;
|
|
border-right: 4px solid $color-tertiary;
|
|
padding: .1rem .8rem;
|
|
margin-bottom:.5rem;
|
|
color: $color-background;
|
|
|
|
@include color-scheme(dark) {
|
|
color: $color-tertiary--dark;
|
|
border-color: $color-secondary--dark;
|
|
}
|
|
}
|
|
.alert--error{
|
|
background: color.adjust($color-fail, $saturation: -25%);
|
|
border-color: $color-fail;
|
|
|
|
@include color-scheme(dark) {
|
|
color: $color-tertiary;
|
|
}
|
|
}
|
|
.alert--warning{
|
|
background: color.adjust($color-warning, $saturation: -25%);
|
|
border-color: $color-warning;
|
|
|
|
@include color-scheme(dark) {
|
|
color: $color-tertiary;
|
|
}
|
|
}
|
|
.alert--success{
|
|
background: color.adjust($color-success, $saturation: -25%);
|
|
border-color: $color-success;
|
|
|
|
@include color-scheme(dark) {
|
|
color: $color-tertiary;
|
|
}
|
|
}
|