mediawiki-skins-Citizen/skinStyles/extensions/CookieWarning/ext.CookieWarning.styles.less

/*
 * 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-xx-small );
	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%;
			}
		}
	}
}
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`/*`
feat(skinStyles): tweak CookieWarning styles * Add a 720px max width to the cookie banner so it does not span the whole page * Remove border 2022-04-29 18:42:02 +00:00			`* Citizen`
			`*`
			`* SkinStyles for Extension:CookieWarning`
			`* Module: ext.CookieWarning.styles`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`* Version: REL1_39 021d9ea`
feat(skinStyles): tweak CookieWarning styles * Add a 720px max width to the cookie banner so it does not span the whole page * Remove border 2022-04-29 18:42:02 +00:00			`*`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`* Date: 2023-07-30`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`*/`

			`@import '../../../resources/variables.less';`

			`.mw-cookiewarning-container {`
fix: add missing styles for CookieWarning 2021-03-22 22:22:49 +00:00			`right: 0;`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`display: grid;`
			`grid-template-columns: 1fr;`
			`gap: var( --space-sm );`
style: 🎨 apply recess order to styles 2023-07-28 01:19:27 +00:00			`width: auto;`
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 22:55:23 +00:00			`max-width: @max-width-breakpoint-tablet;`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`padding: var( --space-md );`
			`margin: var( --space-xs );`
feat(core): ✨ use CSS variables for small font sizes 2024-02-26 22:16:07 +00:00			`font-size: var( --font-size-small );`
feat(tokens): ✨ deprecate old line height variables Old variables are being deprecated to align naming convention with Codex. They will be hard-deprecated on the next major Citizen version. 2024-10-23 21:33:46 +00:00			`line-height: var( --line-height-xx-small );`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`background-color: var( --color-surface-1 );`
feat(core): ✨ implement Codex border-width tokens 2024-07-15 06:07:25 +00:00			`border: var( --border-width-base ) solid var( --border-color-base );`
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 17:24:31 +00:00			`border-radius: var( --border-radius-large );`
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-25 01:53:51 +00:00			`box-shadow: var( --box-shadow-drop-xx-large );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
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 22:55:23 +00:00			`@media only screen and ( min-width: @min-width-breakpoint-desktop ) {`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`right: unset;`
			`left: var( --header-size );`
			`}`

Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`.mw-cookiewarning-text {`
feat: update CookieWarning styles 2021-03-22 19:04:28 +00:00			`margin-bottom: 0; // Override media styles`
			`font-size: inherit;`
feat(core): ✨ use different font weight in different themes The same font weight do not provide the same contrast in different themes. We should be able to change the scaling 2022-10-23 23:40:19 +00:00			`font-weight: var( --font-weight-medium );`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`color: var( --color-base );`
feat: tweak CookieWarning styles 2021-01-28 18:17:20 +00:00			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat: Update CookieWarning styles (#274) 2021-02-20 20:13:41 +00:00			`form {`
feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`.oo-ui-layout {`
			`display: grid;`
			`grid-template-columns: repeat( auto-fit, minmax( 0, 1fr ) );`
			`gap: var( --space-xs );`
Improved mobile cookie banner #2 2020-03-15 04:26:03 +00:00			`}`

feat(CookieWarning): ✨ update banner styles 2023-07-30 21:57:51 +00:00			`.oo-ui-widget {`
			`margin: 0;`

			`.oo-ui-buttonElement-button {`
			`display: block;`
			`width: 100%;`
			`}`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`