Change animations

2017-02-15 21:08:48 +01:00
parent cdaa958118
commit c53e6aa5d3
7 changed files with 99 additions and 66 deletions
--- a/styles/components/item-page.css
+++ b/styles/components/item-page.css
@@ -27,6 +27,10 @@
      width: 410px;
      padding: 0 40px 0 10px;
      transition: opacity 150ms ease-out, transform 300ms ease-out;
+      /*&.is-uninitialized {
+        transform: translateY(-20px);
+        opacity: 0;
+      }*/
    }
  }

@@ -42,34 +46,4 @@
      transition: opacity 150ms ease-out, transform 300ms ease-out;
    }
  }
-
-  &.animate {
-    &--curtain {
-      & .item-page {
-        &__content {
-          transform: translateX(calc((100vw - 1200px) / 2 + 800px));
-        }
-      }
-    }
-    &--invisible-content {
-      & .item-page {
-        &__content {
-          &__inner {
-            transform: translateY(-20px);
-            opacity: 0;
-          }
-        }
-      }
-    }
-    &--invisible-nav {
-      & .item-page {
-        &__nav {
-          &__inner {
-            transform: translateX(-20px);
-            opacity: 0;
-          }
-        }
-      }
-    }
-  }
 }