mediawiki-skins-Citizen/skinStyles/extensions/Echo/ext.echo.styles.alert.less

/*
 * Citizen
 *
 * SkinStyles for Extension:Echo
 * Module: ext.echo.styles.alert
 * Version: REL1_39
 *
 * Date: 2024-02-27
*/

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

/* Sync styles with mw.notifications */
.mw-echo-alert {
	position: fixed;
	top: 0;
	right: 0;
	z-index: @z-index-overlay;
	max-width: 80vw;
	padding: 0;
	margin: var( --space-xs );
	font-size: var( --font-size-small );
	line-height: var( --line-height-xx-small );
	color: var( --color-base );
	background-color: var( --background-color-warning-subtle );
	border: var( --border-width-base ) solid var( --border-color-base );
	border-radius: var( --border-radius-medium );
	box-shadow: var( --box-shadow-drop-xx-large );

	// Needed additional specificity
	.citizen-menu &.mw-list-item > a {
		padding: var( --space-sm ) var( --space-md );
		border-radius: var( --border-radius-large );
	}
}
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`/*`
feat: update Echo skinStyles to grade A 2021-08-11 20:17:43 +00:00			`* Citizen`
			`*`
			`* SkinStyles for Extension:Echo`
			`* Module: ext.echo.styles.alert`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`* Version: REL1_39`
feat: update Echo skinStyles to grade A 2021-08-11 20:17:43 +00:00			`*`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`* Date: 2024-02-27`
feat: update Echo skinStyles to grade A 2021-08-11 20:17:43 +00:00			`*/`

fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`@import '../../../resources/variables.less';`

feat(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`/* Sync styles with mw.notifications */`
feat: update Echo skinStyles to grade A 2021-08-11 20:17:43 +00:00			`.mw-echo-alert {`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`position: fixed;`
feat(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`top: 0;`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`right: 0;`
style(css): 🎨 re-apply stylelint fixes 2024-04-16 05:28:45 +00:00			`z-index: @z-index-overlay;`
feat(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`max-width: 80vw;`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`padding: 0;`
style(css): 🎨 re-apply stylelint fixes 2024-04-16 05:28:45 +00:00			`margin: var( --space-xs );`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +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 );`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`color: var( --color-base );`
feat(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`background-color: var( --background-color-warning-subtle );`
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(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`border-radius: var( --border-radius-medium );`
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 );`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00
			`// Needed additional specificity`
fix(Echo): 🐛 increase specificity for the selector to apply padding properly 2024-10-22 22:15:45 +00:00			`.citizen-menu &.mw-list-item > a {`
feat(Echo): ✨ sync Echo alert styles with mw.notifications 2024-10-22 20:38:52 +00:00			`padding: var( --space-sm ) var( --space-md );`
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 );`
fix(Echo): 🐛 missing styles for new talk page alert 2024-02-27 18:53:36 +00:00			`}`
feat: update Echo skinStyles to grade A 2021-08-11 20:17:43 +00:00			`}`