mirror of
https://gerrit.wikimedia.org/r/mediawiki/skins/MinervaNeue
synced 2024-09-23 10:19:05 +00:00
Use default duration LESS variable and align timing function one
Bug: T236224 Change-Id: I5c709a0989ab22839453e64bcefab201c666bf3c
This commit is contained in:
parent
19b1ea2297
commit
3da637156f
|
@ -149,5 +149,4 @@
|
|||
// Transitions > Durations
|
||||
@transition-duration-base: 100ms;
|
||||
@transition-duration-medium: 250ms;
|
||||
@menu-animation-duration: 0.25s;
|
||||
@menu-animation-easing: ease-in-out;
|
||||
@transition-timing-function-menu: ease-in-out;
|
||||
|
|
|
@ -31,7 +31,7 @@
|
|||
|
||||
// Animations are delayed to avoid an initial -100% transition animation
|
||||
.navigation-drawer--enabled {
|
||||
.transition( transform @menu-animation-duration @menu-animation-easing; );
|
||||
.transition( transform @transition-duration-medium @transition-timing-function-menu; );
|
||||
}
|
||||
|
||||
.primary-navigation-enabled {
|
||||
|
|
|
@ -38,7 +38,7 @@
|
|||
.animations { // FIXME: Make animations a conditional class on the drawer itself
|
||||
.notifications-overlay.navigation-drawer {
|
||||
.transform( translate( 100%, 0 ) );
|
||||
.transition( transform @menu-animation-duration @menu-animation-easing; );
|
||||
.transition( transform @transition-duration-medium @transition-timing-function-menu; );
|
||||
|
||||
&.visible {
|
||||
.transform( translate( 0, 0 ) );
|
||||
|
|
Loading…
Reference in a new issue