mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-23 22:13:38 +00:00
feat(Echo): ✨ sync Echo alert styles with mw.notifications
This commit is contained in:
parent
b66ce9dbe8
commit
cabf6b4e07
|
@ -10,32 +10,26 @@
|
|||
|
||||
@import '../../../resources/variables.less';
|
||||
|
||||
/* Sync styles with mw.notifications */
|
||||
.mw-echo-alert {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: @z-index-overlay;
|
||||
width: auto;
|
||||
max-width: @max-width-breakpoint-tablet;
|
||||
max-width: 80vw;
|
||||
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 );
|
||||
background-color: var( --background-color-warning-subtle );
|
||||
border: var( --border-width-base ) solid var( --border-color-base );
|
||||
border-radius: var( --border-radius-large );
|
||||
border-radius: var( --border-radius-medium );
|
||||
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 );
|
||||
padding: var( --space-sm ) var( --space-md );
|
||||
border-radius: var( --border-radius-large );
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue