feat: improve animation for daily planner input

This commit is contained in:
Johannes Millan 2018-04-05 01:14:23 +02:00
parent 93759a4f46
commit 52e2d70d3d

View file

@ -18,7 +18,8 @@ daily-planner {
.add-task-form {
margin: 20px auto;
max-width: $component-max-width;
@include pulse($transition-duration-m, $page-transition-duration);
animation: $transition-duration-s attention-for-input-daily-planner;
animation-delay: $page-transition-duration;
ng-md-icon {
width: 32px;
@ -31,3 +32,14 @@ daily-planner {
}
}
@keyframes attention-for-input-daily-planner {
0% {
transform: scale(1);
}
70% {
transform: scale(1.05, 1.4);
}
100% {
transform: scale(1);
}
}