MediaWiki:Citizen.css: Difference between revisions

/* All CSS here will be loaded for users of the Citizen skin */

/* Footer changes */
.citizen-footer {
	padding-block: 6rem;
	background-color: transparent;
}

.citizen-footer__siteinfo {
	justify-content: space-between;
}

.citizen-footer__sitetitle .mw-logo-wordmark {
	display: none;
}

/*
 * Footer icons
 * We use custom footer icons so we need to fine tune it
*/
#footer-icons a {
	border: 0;
	padding: 0;
	background: transparent;
	opacity: var(--opacity-icon-base);
	transition: opacity 250ms ease;
}

#footer-icons a:hover {
	opacity: var(--opacity-icon-base--hover);
}

#footer-icons a:active {
	opacity: var(--opacity-icon-base--active);
}

/* More space between icons */
#footer-icons ul,
#footer-icons li {
	column-gap: var(--space-md);
}

#footer-icons img {
	width: auto;
	height: 32px;
}

/* Darken the footer icon in light mode */
.skin-citizen-light #footer-icons a {
	filter: invert(1) hue-rotate(180deg);
}

/* Disable hover/transition animations for Citizen dropdown buttons */
.skin-citizen .citizen-dropdown-summary,
.skin-citizen .citizen-dropdown-details[open] .citizen-menu__card {
    transition: none !important;
    animation: none !important;
}