mediawiki-skins-Citizen/resources/skins.citizen.styles/skinning/interface-message-box.less
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -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-base );
/* 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-subtle );
border-color: var( --background-color-destructive-subtle );
}
&-warning {
background-color: var( --background-color-warning-subtle );
border-color: var( --background-color-warning-subtle );
}
&-success {
background-color: var( --background-color-success-subtle );
border-color: var( --background-color-success-subtle );
}
}
#siteNotice {
.mw-message-box {
border: 0;
// Since it is edge to edge
border-radius: 0;
}
}