Reveal Shop header when scrolling past Intro block

2021-11-07 11:47:51 +01:00
parent 70c0165cf9
commit 60f2ee526d
2 changed files with 34 additions and 1 deletions
--- a/src/style/pages/_shop.scss
+++ b/src/style/pages/_shop.scss
@@ -29,6 +29,9 @@
        left: 20px;
        right: 20px;
        justify-content: space-between;
+        transform: translate3d(0, -96px, 0);
+        transition: transform 1s var(--ease-quart);
+        transition-delay: 100ms;

        @include bp (sm) {
            top: 32px;
@@ -36,6 +39,11 @@
            right: 32px;
        }

+        // Visible state
+        &.is-visible {
+            transform: translate3d(0,0,0);
+        }
+
        // Left
        &__left {
            dt {