Consistently use .transform() mixin

Make use of mediawiki.mixins' `.transform()` mixin for widest available
browser support.
Follow-up to I720e62a578f0c7a14f4b5a698004471c85e54bc8

Change-Id: I771a5a6e2020e323bf4cefdb944c26bdcce26ee2
This commit is contained in:
Volker E 2019-09-03 15:00:27 -07:00
parent 76897f3b1d
commit 1f27981ed1
4 changed files with 6 additions and 6 deletions

View file

@ -3,7 +3,7 @@
@import '../../minerva.less/minerva.mixins.less';
.toggle-list__list--drop-down {
transform: translateY( -8px );
.transform( translateY( -8px ) );
// When cursor is pointer and -webkit-tap-highlight-color is set, the color does not seem to
// transition. Clear it.
@ -20,5 +20,5 @@
}
.toggle-list__checkbox:checked ~ .toggle-list__list--drop-down {
transform: translateY( 0 );
.transform( translateY( 0 ) );
}

View file

@ -59,6 +59,6 @@
// .menu
#mw-mf-page-left {
max-width: none;
transform: none;
.transform( none );
}
}

View file

@ -37,6 +37,6 @@
position: absolute;
top: 50%;
left: 50%;
transform: translate( -50%, -50% );
.transform( translate( -50%, -50% ) );
}
}

View file

@ -20,10 +20,10 @@
}
}
// flip the arrow in table of contents when toggled
// Flip the arrow in table of contents when toggled
.toctogglecheckbox:checked ~ .toctitle .mw-ui-icon:last-child {
&:before {
transform: rotate( -180deg );
.transform( rotate( -180deg ) );
}
}