@import 'mediawiki.skin.variables.less';

// Never reveal the labels of icon only buttons in the header,
// article content (parser-output), IP masking banner,
// or MobileFrontend overlays / drawers.
.mw-temp-user-banner,
.mw-parser-output,
.overlay-header,
.drawer-container,
.minerva-header {
	.cdx-button.cdx-button--icon-only {
		span + span {
			.mixin-screen-reader-text();
		}
	}
}

// NOTE: @param-is-button-icon lets us change the icon color
// with background-color by using mask-image.
.minerva-icon--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 );
}

// On desktop reveal labels of icon-only buttons.
// This applies to page actions and other icon only buttons
// that are not scoped in the rule above.
@media all and ( max-width: @width-breakpoint-desktop ) {
	.cdx-button.cdx-button--icon-only {
		span + span {
			.mixin-screen-reader-text();
		}
	}
}