mediawiki-skins-Vector/resources/skins.vector.styles/components/Icon.less
Jon Robson 9695647608 VISUAL CHANGE: Use mask-image for all Vector icons
Visual changes are subtle, but impact 43 scenarios. The color
and positioning is slightly modified to match Codex.

Bug: T363920
Change-Id: Ie5c88e0aa243f73f2dc9f310d18fd59b831edc64
2024-08-29 17:17:35 +00:00

18 lines
674 B
Plaintext

@import 'mediawiki.skin.variables.less';
@transparentPNG: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
.vector-icon {
// By default use a transparent PNG. This is important for icons loaded via JavaScript, as without this
// the icon will appear as a black square until loaded.
-webkit-mask-image: @transparentPNG;
mask-image: @transparentPNG;
.cdx-mixin-css-icon( 'none' );
}
/* If the class contains the string -progressive convert to a progressive icon.
This impacts language button and talk add topic. */
.vector-icon[ class*='-progressive' ] {
background-color: @color-progressive;
}