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 <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
