44 lines
894 B
SCSS
44 lines
894 B
SCSS
@use "sass:color";
|
|
@use "scheme";
|
|
@use "lib";
|
|
@use "font";
|
|
|
|
@mixin popup($colour, $alpha) {
|
|
.separator {
|
|
background-color: $colour;
|
|
}
|
|
|
|
.image {
|
|
@include lib.border($colour, 0.05);
|
|
}
|
|
}
|
|
|
|
.notifpopups {
|
|
min-width: lib.s(425);
|
|
padding-left: lib.s(10); // So notifications can overshoot for init animation
|
|
padding-right: lib.s(10);
|
|
padding-top: lib.s(5);
|
|
|
|
.notification {
|
|
.wrapper {
|
|
padding: lib.s(5); // For shadow
|
|
}
|
|
|
|
.inner {
|
|
@include lib.rounded(8);
|
|
@include lib.shadow(black, 0.64, 0, 0, 3);
|
|
|
|
&.low {
|
|
@include popup(scheme.$overlay0, 0.3);
|
|
}
|
|
|
|
&.normal {
|
|
@include popup(scheme.$lavender, 0.3);
|
|
}
|
|
|
|
&.critical {
|
|
@include popup(scheme.$red, 0.8);
|
|
}
|
|
}
|
|
}
|
|
}
|