Skip to content
Permalink
Browse files

fix(Appear): Unanimated style

  • Loading branch information...
HHogg committed Feb 17, 2019
1 parent f6d49b4 commit 930dd5c378b07b5c4742b6bd343c874c8e9979a2
Showing with 9 additions and 0 deletions.
  1. +9 −0 src/Appear/Appear.css
@@ -18,6 +18,7 @@
}

.Appear--Fade {
opacity: 0;
transition-property: opacity;
}

@@ -38,9 +39,13 @@

.Appear--FadeSlideDown,
.Appear--FadeSlideUp {
opacity: 0;
transition-property: transform, opacity;
}

.Appear--FadeSlideUp { transform: translateY(var(--size--x4)); }
.Appear--FadeSlideDown { transform: translateY(- var(--size--x4)); }

.Appear--FadeSlideDown-appear-active,
.Appear--FadeSlideDown-appear-done,
.Appear--FadeSlideDown-enter-active,
@@ -73,9 +78,13 @@

.Appear--FadeSlideRight,
.Appear--FadeSlideLeft {
opacity: 0;
transition-property: transform, opacity;
}

.Appear--FadeSlideRight { transform: translateX(-var(--size--x4)); }
.Appear--FadeSlideLeft { transform: translateX(var(--size--x4)); }

.Appear--FadeSlideRight-appear-active,
.Appear--FadeSlideRight-appear-done,
.Appear--FadeSlideRight-enter-active,

0 comments on commit 930dd5c

Please sign in to comment.
You can’t perform that action at this time.