Prtksxna has uploaded a new change for review. https://gerrit.wikimedia.org/r/208102
Change subject: MediaWiki Theme: Use variable for transition time and easing function ...................................................................... MediaWiki Theme: Use variable for transition time and easing function Bug: T78371 Change-Id: Ib9a44af472af2e137978c02ba73dffe50619893e --- M src/themes/mediawiki/common.less M src/themes/mediawiki/elements.less M src/themes/mediawiki/widgets.less 3 files changed, 10 insertions(+), 9 deletions(-) git pull ssh://gerrit.wikimedia.org:29418/oojs/ui refs/changes/02/208102/1 diff --git a/src/themes/mediawiki/common.less b/src/themes/mediawiki/common.less index 0985eec..4baf538 100644 --- a/src/themes/mediawiki/common.less +++ b/src/themes/mediawiki/common.less @@ -37,6 +37,9 @@ @icon-size: unit(24 / 16 / 0.8, em); @indicator-size: unit(12 / 16 / 0.8, em); +// Theme animation variables +@quick-ease: 0.1s ease-in-out; + // Theme mixins // Workaround for Safari 8 bug. Combining a selector like `input[type="checkbox"]:checked + span` diff --git a/src/themes/mediawiki/elements.less b/src/themes/mediawiki/elements.less index 73b4241..0280e13 100644 --- a/src/themes/mediawiki/elements.less +++ b/src/themes/mediawiki/elements.less @@ -96,9 +96,9 @@ } .oo-ui-transition( - background 0.1s ease-in-out, - color 0.1s ease-in-out, - box-shadow 0.1s ease-in-out + background @quick-ease, + color @quick-ease, + box-shadow @quick-ease ); } diff --git a/src/themes/mediawiki/widgets.less b/src/themes/mediawiki/widgets.less index fe0026c..7bcf022 100644 --- a/src/themes/mediawiki/widgets.less +++ b/src/themes/mediawiki/widgets.less @@ -381,7 +381,7 @@ border: solid 1px #ccc; box-shadow: inset 0 0 0 0 @progressive; border-radius: 0.1em; - .oo-ui-transition(box-shadow 0.1s); + .oo-ui-transition(box-shadow @quick-ease); .oo-ui-box-sizing(border-box); } @@ -749,9 +749,7 @@ } &-transitioning .oo-ui-popupWidget-popup { - .oo-ui-transition( - width 100ms ease-in-out, height 100ms ease-in-out, left 100ms ease-in-out - ); + .oo-ui-transition(width @quick-ease, height @quick-ease, left @quick-ease); } &-head { @@ -869,14 +867,14 @@ border: 1px #ddd solid; background-color: #f7f7f7; - .oo-ui-transition(left 0.1s ease-in-out, margin-left 0.1s ease-in-out); + .oo-ui-transition(left @quick-ease, margin-left @quick-ease); } &-glow { border-radius: 1em; background-color: #f7f7f7; - .oo-ui-transition(background-color 0.1s ease-in-out); + .oo-ui-transition(background-color @quick-ease); } &.oo-ui-toggleWidget-on { -- To view, visit https://gerrit.wikimedia.org/r/208102 To unsubscribe, visit https://gerrit.wikimedia.org/r/settings Gerrit-MessageType: newchange Gerrit-Change-Id: Ib9a44af472af2e137978c02ba73dffe50619893e Gerrit-PatchSet: 1 Gerrit-Project: oojs/ui Gerrit-Branch: master Gerrit-Owner: Prtksxna <psax...@wikimedia.org> _______________________________________________ MediaWiki-commits mailing list MediaWiki-commits@lists.wikimedia.org https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits