From 1bb546b8986403cf0cd374387842f61a46654771 Mon Sep 17 00:00:00 2001 From: Chuck Lorenz Date: Tue, 24 May 2022 17:36:00 -0400 Subject: [PATCH] issue/325 add transition-delay to animation mixin (#329) --- less/_defaults/_animations.less | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/less/_defaults/_animations.less b/less/_defaults/_animations.less index aca70ffd..148cf5e1 100644 --- a/less/_defaults/_animations.less +++ b/less/_defaults/_animations.less @@ -51,16 +51,17 @@ // _onScreen animation mixin for 'fade-in-top', 'fade-in-bottom', // 'fade-in-left', and 'fade-in-right' // -------------------------------------------------- -.on-screen-anim(fade-in-top; 0; 1; translateY(-100px); translateY(0)); -.on-screen-anim(fade-in-bottom; 0; 1; translateY(100px); translateY(0)); -.on-screen-anim(fade-in-left; 0; 1; translateX(-100px); translateX(0)); -.on-screen-anim(fade-in-right; 0; 1; translateX(100px); translateX(0)); +.on-screen-anim(fade-in-top; 0; 1; 1s; translateY(-100px); translateY(0)); +.on-screen-anim(fade-in-bottom; 0; 1; 1s; translateY(100px); translateY(0)); +.on-screen-anim(fade-in-left; 0; 1; 1s; translateX(-100px); translateX(0)); +.on-screen-anim(fade-in-right; 0; 1; 1s; translateX(100px); translateX(0)); -.on-screen-anim(@selector; @opacity-before; @opacity-after; @transform-before; @transform-after) { +.on-screen-anim(@selector; @opacity-before; @opacity-after; @transition-delay; @transform-before; @transform-after) { .@{selector}-before > div { opacity: @opacity-before; transform: @transform-before; transition: all @animation-duration @animation-easing, visibility 0s linear 0s; + transition-delay: @transition-delay; } .@{selector}-after > div {