mediawiki-skins-MinervaNeue/skinStyles/mediawiki.ui.icon.less
Jon Robson 400126fa91 Revert back Minerva icon features not ready for production
In Ifccaadabd72a12814d3d4d01200931f7254c6cd5 we made some modifications
to the icon specification. I haven't run these by Alex yet (as focus
is on Vector 2022) and don't
want to rush them, so for now temporarily undoing those changes here.

Changes:
- Reverts icon touch areas from new 44x44 to old 46x46
- Undoes decrease in margins between labels and icons

Bug: T319071
Change-Id: I9a02191c57b7e2d24a8bc909f820ba8db942c028
2022-10-04 00:32:23 +00:00

28 lines
623 B
Plaintext

@import '../minerva.less/minerva.variables.less';
// Temporarily revert back from 44x44 (0.6875em) to 46x46 (0.75em)
.mw-ui-icon-element.mw-ui-button {
padding: 0.75em; // 46x46
}
// Disable desktop touch area special handling.
@media ( min-width: @width-breakpoint-desktop ) {
.mw-ui-icon-element.mw-ui-button {
padding: 0.75em;
}
}
// Revert back to old spacing between text and icon.
.mw-ui-icon + span:not( :empty ) {
margin-left: 8px;
}
.mw-ui-icon-with-label-desktop:before {
margin-right: 8px;
}
// Revert back to old flush left rule.
.mw-ui-icon-small.mw-ui-icon-flush-left {
margin-left: -0.5625em;
}