mediawiki-skins-Citizen/skinStyles/mediawiki/mediawiki.notification.less
alistair3149 90862b193e
feat(tokens): deprecate old line height variables
Old variables are being deprecated to align naming convention with Codex.
They will be hard-deprecated on the next major Citizen version.
2024-10-23 17:33:46 -04:00

50 lines
1.2 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for MediaWiki notifications
* Module: mediawiki.notification
* Version: 1.39.0
*
* Date: 2023-06-23
*/
.mw-notification-area {
padding: var( --space-xs );
font-size: var( --font-size-small );
line-height: var( --line-height-xx-small );
}
.mw-notification {
padding: var( --space-sm ) var( --space-md );
color: var( --color-emphasized );
background-color: var( --color-surface-1 );
border-color: var( --border-color-base );
border-radius: var( --border-radius-medium );
box-shadow: var( --box-shadow-drop-xx-large );
transition-timing-function: var( --transition-timing-function-ease-in );
transition-duration: var( --transition-duration-base );
transition-property: transform, opacity;
&-visible {
transition-timing-function: var( --transition-timing-function-ease-out );
transition-duration: var( --transition-duration-medium );
}
&.mw-notification-type {
&-warn {
background-color: var( --background-color-warning-subtle );
border-color: inherit;
}
&-error {
background-color: var( --background-color-destructive-subtle );
border-color: inherit;
}
&-success {
background-color: var( --background-color-success-subtle );
border-color: inherit;
}
}
}