mediawiki-skins-Citizen/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.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

58 lines
1.2 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:CookieWarning
* Module: ext.CookieWarning.styles
* Version: REL1_39 021d9ea
*
* Date: 2023-07-30
*/
@import '../../../resources/variables.less';
.mw-cookiewarning-container {
right: 0;
display: grid;
grid-template-columns: 1fr;
gap: var( --space-sm );
width: auto;
max-width: @max-width-breakpoint-tablet;
padding: var( --space-md );
margin: var( --space-xs );
font-size: var( --font-size-small );
line-height: var( --line-height-sm );
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 );
}
.mw-cookiewarning-text {
margin-bottom: 0; // Override media styles
font-size: inherit;
font-weight: var( --font-weight-medium );
color: var( --color-base );
}
form {
.oo-ui-layout {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 0, 1fr ) );
gap: var( --space-xs );
}
.oo-ui-widget {
margin: 0;
.oo-ui-buttonElement-button {
display: block;
width: 100%;
}
}
}
}