mediawiki-skins-Citizen/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less
alistair3149 60999eb1d9
feat(core): replace breakpoint LESS variables with Codex tokens
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem.
We have to keep a copy for now as they are introduced in 1.41.

Related: #735
2023-11-16 17:55:59 -05: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: 0.875rem;
line-height: var( --line-height-sm );
background-color: var( --color-surface-1 );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius--large );
box-shadow: var( --box-shadow-dialog );
@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%;
}
}
}
}