mediawiki-skins-Citizen/skinStyles/mediawiki/mediawiki.notification.less
alistair3149 47e1259bc3
feat: implement a more adaptive smooth shadow
* Looks more natural
* Can be customized through the surface-shadow and shadow-strength CSS var
* Light mode and dark mode have been different shadow now, it should be more visible in dark mode
* Box-shadow is a CSS var, which can be used in templates and wiki CSS
2022-04-24 15:24:09 -04:00

28 lines
660 B
Plaintext

@import '../../resources/variables.less';
.mw-notification {
border-color: var( --border-color-base );
background-color: var( --background-color-dp-04 );
border-radius: var( --border-radius--medium );
box-shadow: var( --box-shadow-dialog );
color: var( --color-base );
font-size: @content-monospace-size;
&.mw-notification-type {
&-warn {
background-color: var( --background-color-warning );
color: var( --color-base );
}
&-error {
background-color: var( --background-color-destructive );
color: var( --color-base );
}
&-success {
background-color: var( --background-color-success );
color: var( --color-base );
}
}
}