MediaWiki:Vector-2022.css: Difference between revisions
m Protected "MediaWiki:Vector-2022.css" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)) |
mNo edit summary |
||
| Line 19: | Line 19: | ||
#footer-icons a:active { | #footer-icons a:active { | ||
opacity: var( --opacity-icon-base--active ); | opacity: var( --opacity-icon-base--active ); | ||
} | |||
/* More space between icons */ | |||
#footer-icons ul, | |||
#footer-icons li { | |||
gap: 1rem; | |||
} | } | ||
| Line 24: | Line 30: | ||
width: auto; | width: auto; | ||
height: 32px; | height: 32px; | ||
} | |||
/* Darken the footer icon in light mode */ | |||
html.skin-theme-clientpref-day #footer-icons a { | |||
filter: invert( 1 ) hue-rotate( 180deg ); | |||
} | } | ||
Revision as of 18:40, 7 February 2025
/* All CSS here will be loaded for users of the Vector-2022 skin */
/*
* 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 {
gap: 1rem;
}
#footer-icons img {
width: auto;
height: 32px;
}
/* Darken the footer icon in light mode */
html.skin-theme-clientpref-day #footer-icons a {
filter: invert( 1 ) hue-rotate( 180deg );
}