MediaWiki:Citizen.css: Difference between revisions

Revision as of 08:32, 24 December 2024

/* All CSS here will be loaded for users of the Citizen skin */
:root {
    --color-primary__h: 285;
}

/* Sidebar icons */

.citizen-drawer__menu a:before {
	display: block;
	content: "";
	width: var(--size-icon);
	height: var(--size-icon);
	background: transparent center/contain no-repeat;
	opacity: var(--opacity-icon-base);
	filter: var(--filter-invert);
}

.citizen-drawer__menu .citizen-ui-icon {
	display: none;
}


.citizen-drawer__menu #n-upload a:before               { background-image: url(/resources/assets/nav-icons/upload.svg); }

.citizen-drawer__menu #n-About a:before                { background-image: url(/resources/assets/nav-icons/info-circle.svg); }
.citizen-drawer__menu #n-Contribute a:before           { background-image: url(/resources/assets/nav-icons/pen-to-square.svg); }

/* Icon invert helper class */
.skin-invert-image img,
.skin-invert {
	filter: var(--filter-invert);
}

.skin-invert .skin-invert,
.skin-invert .skin-invert-image img {
	filter: none;
}