mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/interface-message-box.less
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00

54 lines
1.2 KiB
Plaintext

/*
* Citizen
*
* Module: mediawiki.skinning.interface-message-box
* Version: REL1_39
*
* Date: 2023-06-22
*/
.mw-message-box {
padding: var( --space-sm ) var( --space-md );
overflow: hidden;
color: var( --color-emphasized );
word-wrap: break-word;
/* Standard property is `overflow-wrap` */
overflow-wrap: break-word;
background-color: var( --color-surface-2 );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--small );
/* Ensure box inner spacing is not all over the place no matter what element is only child. */
> :only-child {
margin: 0;
}
// Formerly provided by mw-warning-with-logexcerpt, now available for all messageboxes.
.mw-logevent-loglines li {
font-size: 90%;
}
&-error {
background-color: var( --background-color-destructive );
border-color: var( --background-color-destructive );
}
&-warning {
background-color: var( --background-color-warning );
border-color: var( --background-color-warning );
}
&-success {
background-color: var( --background-color-success );
border-color: var( --background-color-success );
}
}
#siteNotice {
.mw-message-box {
border: 0;
// Since it is edge to edge
border-radius: 0;
}
}