From 1f27981ed161bb108f0608e9e5d6c32c3e25845f Mon Sep 17 00:00:00 2001 From: Volker E Date: Tue, 3 Sep 2019 15:00:27 -0700 Subject: [PATCH] Consistently use `.transform()` mixin Make use of mediawiki.mixins' `.transform()` mixin for widest available browser support. Follow-up to I720e62a578f0c7a14f4b5a698004471c85e54bc8 Change-Id: I771a5a6e2020e323bf4cefdb944c26bdcce26ee2 --- components/ToggleList/DropDownList.less | 4 ++-- resources/skins.minerva.mainMenu.styles/MainMenu.less | 2 +- resources/skins.minerva.options/backtotop.less | 2 +- resources/skins.minerva.scripts/styles.less | 4 ++-- 4 files changed, 6 insertions(+), 6 deletions(-) diff --git a/components/ToggleList/DropDownList.less b/components/ToggleList/DropDownList.less index 1fd498dde..a6a18c9fa 100644 --- a/components/ToggleList/DropDownList.less +++ b/components/ToggleList/DropDownList.less @@ -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 ) ); } diff --git a/resources/skins.minerva.mainMenu.styles/MainMenu.less b/resources/skins.minerva.mainMenu.styles/MainMenu.less index aea8b57a5..41a7d1381 100644 --- a/resources/skins.minerva.mainMenu.styles/MainMenu.less +++ b/resources/skins.minerva.mainMenu.styles/MainMenu.less @@ -59,6 +59,6 @@ // .menu #mw-mf-page-left { max-width: none; - transform: none; + .transform( none ); } } diff --git a/resources/skins.minerva.options/backtotop.less b/resources/skins.minerva.options/backtotop.less index e3b7d977e..667ba8482 100644 --- a/resources/skins.minerva.options/backtotop.less +++ b/resources/skins.minerva.options/backtotop.less @@ -37,6 +37,6 @@ position: absolute; top: 50%; left: 50%; - transform: translate( -50%, -50% ); + .transform( translate( -50%, -50% ) ); } } diff --git a/resources/skins.minerva.scripts/styles.less b/resources/skins.minerva.scripts/styles.less index 9a3c3955d..c5ed37a90 100644 --- a/resources/skins.minerva.scripts/styles.less +++ b/resources/skins.minerva.scripts/styles.less @@ -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 ) ); } }