mediawiki-skins-MinervaNeue/resources/skins.minerva.base.styles/icons.less
bwang dd32e6731d Add icon background styles to codex CSS icons
Bug: T358160
Change-Id: I6b7ec3c4e3837a68da98bd9f58dbade5fb4fa1ed
2024-02-23 20:20:26 +00:00

31 lines
972 B
Plaintext

@import 'mediawiki.skin.variables.less';
// NOTE: @param-is-button-icon lets us change the icon color
// with background-color by using mask-image.
.minerva-icon--modified-history {
.cdx-mixin-css-icon( @cdx-icon-history, @param-is-button-icon: true );
}
.minerva-icon--expand {
.cdx-mixin-css-icon( @cdx-icon-next, @param-is-button-icon: true );
}
.minerva-icon {
.cdx-mixin-css-icon-background();
.cdx-mixin-css-icon-size( @size-icon-medium );
.cdx-mixin-css-icon-alignment();
// Temporary fix for https://phabricator.wikimedia.org/T356540
background-position: center;
background-repeat: no-repeat;
background-size: ~'calc( max( @{size-icon-medium}, @{min-size-icon-medium} ) )';
}
.minerva-icon-size-small {
.cdx-mixin-css-icon-background( @size-icon-small );
.cdx-mixin-css-icon-size( @size-icon-small );
// Temporary fix for https://phabricator.wikimedia.org/T356540
background-size: ~'calc( max( @{size-icon-small}, @{min-size-icon-small} ) )';
}