47 lines
822 B
SCSS
47 lines
822 B
SCSS
@import '../../_css/common';
|
|
|
|
.message {
|
|
padding: calc(var(--base) / 2) calc(var(--base) / 2);
|
|
line-height: 1.25;
|
|
width: 100%;
|
|
}
|
|
|
|
.default {
|
|
background-color: var(--theme-elevation-100);
|
|
color: var(--theme-elevation-1000);
|
|
}
|
|
|
|
.warning {
|
|
background-color: var(--theme-warning-500);
|
|
color: var(--theme-warning-900);
|
|
}
|
|
|
|
.error {
|
|
background-color: var(--theme-error-500);
|
|
color: var(--theme-error-900);
|
|
}
|
|
|
|
.success {
|
|
background-color: var(--theme-success-500);
|
|
color: var(--theme-success-900);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
.default {
|
|
background-color: var(--theme-elevation-900);
|
|
color: var(--theme-elevation-100);
|
|
}
|
|
|
|
.warning {
|
|
color: var(--theme-warning-100);
|
|
}
|
|
|
|
.error {
|
|
color: var(--theme-error-100);
|
|
}
|
|
|
|
.success {
|
|
color: var(--theme-success-100);
|
|
}
|
|
}
|