mediawiki-skins-Citizen/resources/skins.citizen.styles/Menu.less

.citizen-menu {
	&__heading {
		&-label {
			display: block;
			padding: 0.625rem var( --space-md );
			margin: 0;
			color: var( --color-base--subtle );
			font-size: inherit;
			font-weight: var( --font-weight-normal );
			letter-spacing: 0.05em;
		}
	}
}

// FIXME: This should not be here
.citizen-ui-icon {
	display: block;
	width: var( --size-icon );
	height: var( --size-icon );
	contain: strict;

	&:before {
		display: block;
		width: 100%;
		height: 100%;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		content: '';
		opacity: var( --opacity-icon-base );
	}
}

.mw-portlet {
	// Hide selected item
	.selected {
		.mixin-screen-reader-text;
	}

	// Hide empty menu
	&-empty {
		display: none !important;
	}
}

.skin-citizen-dark {
	.citizen-ui-icon:before {
		filter: invert( 1 );
	}

	.mw-portlet a:after {
		filter: invert( 1 );
	}
}
feat(core): update menu to be more inlined with MW core * Use label instead of h3 for menu headings * Rename portals to portlets according to core * Replace label-class with heading-class * Use has-label to hide labels instead of adding screen reader class 2022-05-18 21:14:24 +00:00			`.citizen-menu {`
			`&__heading {`
			`&-label {`
			`display: block;`
refactor(core): ♻️ remove unused icons 2022-11-01 01:31:59 +00:00			`padding: 0.625rem var( --space-md );`
feat(core): update menu to be more inlined with MW core * Use label instead of h3 for menu headings * Rename portals to portlets according to core * Replace label-class with heading-class * Use has-label to hide labels instead of adding screen reader class 2022-05-18 21:14:24 +00:00			`margin: 0;`
			`color: var( --color-base--subtle );`
			`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-normal );`
feat(core): ✨ use relative spacing for caption styles 2022-10-28 03:26:52 +00:00			`letter-spacing: 0.05em;`
feat(core): update menu to be more inlined with MW core * Use label instead of h3 for menu headings * Rename portals to portlets according to core * Replace label-class with heading-class * Use has-label to hide labels instead of adding screen reader class 2022-05-18 21:14:24 +00:00			`}`
feat: move toolbox to page more menu 2021-01-27 19:52:49 +00:00			`}`
feat(core): update menu to be more inlined with MW core * Use label instead of h3 for menu headings * Rename portals to portlets according to core * Replace label-class with heading-class * Use has-label to hide labels instead of adding screen reader class 2022-05-18 21:14:24 +00:00			`}`
feat: move toolbox to page more menu 2021-01-27 19:52:49 +00:00
feat(core): ✨ migrate user menu to use RL icon module 2022-11-01 01:18:53 +00:00			`// FIXME: This should not be here`
			`.citizen-ui-icon {`
feat(core): ✨ migrate misc icons to use RIL icon module 2022-11-03 22:30:41 +00:00			`display: block;`
refactor(core): ♻️ clean up page actions icons syntax 2022-11-01 15:23:17 +00:00			`width: var( --size-icon );`
			`height: var( --size-icon );`
perf(core): ⚡️ add CSS containment to suitable elements 2022-12-06 20:29:49 +00:00			`contain: strict;`
feat(core): ✨ migrate user menu to use RL icon module 2022-11-01 01:18:53 +00:00
			`&:before {`
			`display: block;`
			`width: 100%;`
			`height: 100%;`
			`background-position: center;`
			`background-repeat: no-repeat;`
			`background-size: contain;`
			`content: '';`
feat(core): ✨ migrate views menu to use RL icon module 2022-11-02 03:01:52 +00:00			`opacity: var( --opacity-icon-base );`
feat(core): ✨ migrate user menu to use RL icon module 2022-11-01 01:18:53 +00:00			`}`
			`}`

feat(core): update menu to be more inlined with MW core * Use label instead of h3 for menu headings * Rename portals to portlets according to core * Replace label-class with heading-class * Use has-label to hide labels instead of adding screen reader class 2022-05-18 21:14:24 +00:00			`.mw-portlet {`
feat: move toolbox to page more menu 2021-01-27 19:52:49 +00:00			`// Hide selected item`
			`.selected {`
			`.mixin-screen-reader-text;`
			`}`
Reorganize stylesheets into its ResourceLoader module (#126) 2020-06-10 02:12:04 +00:00
feat: move toolbox to page more menu 2021-01-27 19:52:49 +00:00			`// Hide empty menu`
refactor(core): ♻️ remove styles covered by interface-core 2022-11-14 21:21:19 +00:00			`&-empty {`
feat: move toolbox to page more menu 2021-01-27 19:52:49 +00:00			`display: none !important;`
			`}`
Reorganize stylesheets into its ResourceLoader module (#126) 2020-06-10 02:12:04 +00:00			`}`
refactor(core): clean up personal menu This is a part of the header refactor * Clean up DOM strcture * Clean up unnessecary styles * Clean up HTML classes * Add active state to button 2022-05-10 16:55:20 +00:00
			`.skin-citizen-dark {`
feat(core): ✨ migrate user menu to use RL icon module 2022-11-01 01:18:53 +00:00			`.citizen-ui-icon:before {`
			`filter: invert( 1 );`
			`}`

refactor(core): remove `mw-portal` class It is legacy code no longer found in core, and mw-portlet serves the exact same function. 2022-05-16 23:38:35 +00:00			`.mw-portlet a:after {`
refactor(core): clean up personal menu This is a part of the header refactor * Clean up DOM strcture * Clean up unnessecary styles * Clean up HTML classes * Add active state to button 2022-05-10 16:55:20 +00:00			`filter: invert( 1 );`
			`}`
			`}`