@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.
// Also applies to the slide left/right buttons in the image overlay.
.mw-temp-user-banner,
.mw-parser-output,
.overlay-header,
.drawer-container,
.slider-button,
.minerva-header {
	.cdx-button.cdx-button--icon-only {
		span + span {
			.mixin-screen-reader-text();
		}
	}
}

// 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: @max-width-breakpoint-tablet ) {
	.cdx-button.cdx-button--icon-only {
		span + span:last-child {
			.mixin-screen-reader-text();
		}
	}
}