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

/*
 * Citizen
 *
 * SkinStyles for Extension:CookieWarning
 * Module: ext.CookieWarning.styles
 * Version: REL1_35 3c2ae6a
 *
 * Date: 2022-04-29
*/

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

.mw-cookiewarning-container {
	right: 0;
	width: auto;
	max-width: @width-breakpoint-tablet;
	align-items: center;
	justify-content: space-between;
	padding: 0 var( --padding-page );
	border-radius: var( --border-radius--large );
	margin: 10px;
	background-color: #343a40; // dark base 70
	box-shadow: var( --box-shadow-dialog );
	font-size: 0.875rem;
	line-height: var( --line-height-sm );

	.mw-cookiewarning-text {
		padding: 20px 0;
		margin-bottom: 0; // Override media styles
		font-size: inherit;
		font-weight: var( --font-weight-medium );
	}

	form {
		display: flex;
		padding: 15px 0;
	}
}

@media only screen and ( max-width: @width-breakpoint-tablet ) {
	.mw-cookiewarning-container {
		flex-wrap: wrap;

		.mw-cookiewarning-text {
			flex-wrap: wrap;
			padding-bottom: 0;
		}

		form {
			width: 100%;
			margin-left: -8px; // cancel out the button margin
		}
	}
}
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`
			`* Version: REL1_35 3c2ae6a`
			`*`
			`* Date: 2022-04-29`
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: update CookieWarning styles 2021-03-22 19:04:28 +00:00			`width: auto;`
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			`max-width: @width-breakpoint-tablet;`
fix: add missing styles for CookieWarning 2021-03-22 22:22:49 +00:00			`align-items: center;`
feat: update CookieWarning styles 2021-01-19 17:14:01 +00:00			`justify-content: space-between;`
feat: Update CookieWarning styles (#274) 2021-02-20 20:13:41 +00:00			`padding: 0 var( --padding-page );`
ci: lint code to MediaWiki standards Check commit and GitHub actions for more details 2022-09-28 21:02:56 +00:00			`border-radius: var( --border-radius--large );`
feat: update CookieWarning styles 2021-03-22 19:04:28 +00:00			`margin: 10px;`
feat: tweak CookieWarning styles 2021-01-28 18:17:20 +00:00			`background-color: #343a40; // dark base 70`
feat: implement a more adaptive smooth shadow * Looks more natural * Can be customized through the surface-shadow and shadow-strength CSS var * Light mode and dark mode have been different shadow now, it should be more visible in dark mode * Box-shadow is a CSS var, which can be used in templates and wiki CSS 2022-04-24 19:24:09 +00:00			`box-shadow: var( --box-shadow-dialog );`
refactor(core): ♻️ deprecate old font variables 2022-11-16 23:06:23 +00:00			`font-size: 0.875rem;`
feat(core): ✨ standardize line height 2022-10-25 20:42:19 +00:00			`line-height: var( --line-height-sm );`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
			`.mw-cookiewarning-text {`
feat: Update CookieWarning styles (#274) 2021-02-20 20:13:41 +00:00			`padding: 20px 0;`
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: 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 {`
			`display: flex;`
feat: add more padding to CookieWarning button 2021-03-22 22:24:40 +00:00			`padding: 15px 0;`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`

feat: update CookieWarning styles 2021-01-19 17:14:01 +00:00			`@media only screen and ( max-width: @width-breakpoint-tablet ) {`
			`.mw-cookiewarning-container {`
refactor: order styles with idiomatic order 2021-01-11 16:45:52 +00:00			`flex-wrap: wrap;`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00
feat: update CookieWarning styles 2021-01-19 17:14:01 +00:00			`.mw-cookiewarning-text {`
			`flex-wrap: wrap;`
fix: hidden CookieWarning text 2021-03-07 17:13:15 +00:00			`padding-bottom: 0;`
Improved mobile cookie banner #2 2020-03-15 04:26:03 +00:00			`}`

feat: Update CookieWarning styles (#274) 2021-02-20 20:13:41 +00:00			`form {`
Tweak CookieWarning styles (#150) * Tweak more-info styles for CookieWarning * Tweak styles for CookieWarning * Remove duplicated selector * Remove duplicated selector * Tweak background color * More tweak to cookie banner styles * Fix padding for more info button * Make a dinner reservation - MediaWiki CI I clean up code to MediaWiki standards Co-authored-by: github-actions <github-actions@users.noreply.github.com> 2020-06-25 21:04:36 +00:00			`width: 100%;`
feat: Update CookieWarning styles (#274) 2021-02-20 20:13:41 +00:00			`margin-left: -8px; // cancel out the button margin`
Attempt to clean file tree 2019-12-29 18:45:17 +00:00			`}`
			`}`
			`}`