Use default duration LESS variable and align timing function one

Bug: T236224
Change-Id: I5c709a0989ab22839453e64bcefab201c666bf3c
This commit is contained in:
Volker E 2019-10-24 14:50:38 -07:00
parent 19b1ea2297
commit 3da637156f
3 changed files with 3 additions and 4 deletions

View file

@ -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;

View file

@ -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 {

View file

@ -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 ) );