mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git
synced 2024-12-12 16:05:17 +00:00
34 lines
1 KiB
Plaintext
34 lines
1 KiB
Plaintext
.vector-icon {
|
|
.cdx-mixin-css-icon-background( );
|
|
.cdx-mixin-css-icon-size( );
|
|
.cdx-mixin-css-icon-alignment( );
|
|
font-size: 14px;
|
|
// Since we use background-image for various icons instead of mask-image
|
|
// We need to fix the width and height for icons to avoid
|
|
// the container increasing with font size and the icons becoming
|
|
// repeated (as happened in T365731)
|
|
// FIXME: Remove after T363920 has been resolved (making sure to test
|
|
// different font sizes when doing that)
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
// FIXME: T363920 Remove when all icons are migrated from ResourceLoader to Codex
|
|
// Dont invert language icon because it is blue
|
|
.vector-icon:not( .mw-ui-icon-wikimedia-language-progressive ) {
|
|
html.skin-theme-clientpref-night & {
|
|
filter: invert( 1 );
|
|
}
|
|
|
|
/**
|
|
* Auto night mode.
|
|
*
|
|
* Applies the night mode color palette only in response to system settings.
|
|
*/
|
|
@media ( prefers-color-scheme: dark ) {
|
|
html.skin-theme-clientpref-os & {
|
|
filter: invert( 1 );
|
|
}
|
|
}
|
|
}
|