testing up and down animations

1 files changed, 8 insertions, 10 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index f762d89..391a16a 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -48,6 +48,7 @@ body {
   position: absolute;
   top: 0;
   left: 0;
+  background:white;
 }
 
 h1 {
@@ -368,22 +369,21 @@ nav b {
 .bottom {
   float: none;
 }
-.bottom * {
+.bottom *, .top {
     transform:translateY(0px);
     transition:150ms transform, 150ms opacity;
     transition-timing-function: cubic-bezier(0, 0, 0, 1);
     opacity:1;
 }
 
-.showing .bottom > * {
-    transform:translateY(20px);
-
+.up .showing .bottom > *, .down .showing .top {
+    transform:translateY(40px);
+    opacity:0;
 }
 
-.hiding .bottom > * {
-    transform:translateY(-20px);
+.down .showing .bottom > *, .up .showing .top  {
+    transform:translateY(-40px);
     opacity:0;
-
 }
 
 /* Flickity */
@@ -563,9 +563,7 @@ ul li {
 }
 
 @media (min-width: 1300px) {
-    .bottom {
-        padding: 7px 0 8px 0;
-    }
+
     .texts {
         font-size: 13px;
         line-height: 16px;