mediawiki-skins-Citizen/skinStyles/extensions/Echo/ext.echo.styles.alert.less
alistair3149 c1370e95f0
feat(core): update box-shadow CSS variables
* Tokenize shadow vertical distance
* Rename CSS variables to match Codex counterpart
* Reduce the vertical distance for all box shadow
2024-07-24 21:53:51 -04:00

42 lines
944 B
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Echo
* Module: ext.echo.styles.alert
* Version: REL1_39
*
* Date: 2024-02-27
*/
@import '../../../resources/variables.less';
.mw-echo-alert {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: @z-index-overlay;
width: auto;
max-width: @max-width-breakpoint-tablet;
padding: 0;
margin: var( --space-xs );
font-size: var( --font-size-small );
line-height: var( --line-height-sm );
color: var( --color-base );
background-color: var( --color-surface-1 );
border: var( --border-width-base ) solid var( --border-color-base );
border-radius: var( --border-radius-large );
box-shadow: var( --box-shadow-drop-xx-large );
@media only screen and ( min-width: @min-width-breakpoint-desktop ) {
right: unset;
left: var( --header-size );
}
// Needed additional specificity
&.mw-list-item > a {
padding: var( --space-md );
border-radius: var( --border-radius-large );
}
}