MediaWiki:Vector-2022.css: Difference between revisions
Created page with "→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 ); } #footer-icons img { width: auto; hei..." |
mNo edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
*/ | */ | ||
#footer-icons a { | #footer-icons a { | ||
background: transparent; | background: transparent; | ||
opacity: var( --opacity-icon-base ); | opacity: var( --opacity-icon-base ); | ||
| Line 20: | Line 18: | ||
opacity: var( --opacity-icon-base--active ); | opacity: var( --opacity-icon-base--active ); | ||
} | } | ||
#footer-icons img { | #footer-icons img { | ||
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 ); | |||
} | } | ||
Latest revision as of 19:11, 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 {
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 );
}
#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 );
}