feat: made showcase more readable

remove console.log update nav to be better clickable
muuvmuuv · Feb 14, 2020 · 3ff2297 · 3ff2297
1 parent 14ee6a2
commit 3ff2297
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/scripts/bump-version.js b/scripts/bump-version.js
@@ -5,8 +5,6 @@ const { transformVersion } = require('../utils/version')
 
 class BumpVersion extends Plugin {
   bump(version) {
-    console.log(version)
-
     return this.createDirectoryTree(version)
   }
 

diff --git a/src/styles/layouts/_nav.scss b/src/styles/layouts/_nav.scss
@@ -50,13 +50,10 @@
     }
 
     .nav-link {
+      padding: var(--spacing-sm);
       transition: color 240ms ease-in-out, opacity 240ms ease-in-out;
       color: var(--text-color-medium);
 
-      @include breakpoint-up(md) {
-        margin-left: var(--spacing-lg);
-      }
-
       &:hover,
       &.active {
         color: var(--text-color-highlight);

diff --git a/src/styles/modules/_showcase.scss b/src/styles/modules/_showcase.scss
@@ -22,6 +22,13 @@
           opacity: 1;
         }
       }
+
+      .content {
+        @include breakpoint-up(lg) {
+          transform: translateY(-70px);
+          opacity: 0;
+        }
+      }
     }
   }
 
@@ -33,6 +40,10 @@
     overflow: hidden;
     cursor: pointer;
 
+    @include breakpoint-down(sm) {
+      min-height: 250px;
+    }
+
     @include noReducedMotion() {
       transition: all ease-in-out 220ms;
     }
@@ -77,13 +88,12 @@
     .content {
       text-align: center;
 
-      @include noReducedMotion() {
-        transition: all 200ms ease-in-out;
+      @include breakpoint-up(lg) {
+        transform: translateY(-100px);
       }
 
-      @include breakpoint-up(lg) {
-        transform: translateY(-70px);
-        opacity: 0;
+      @include noReducedMotion() {
+        transition: all 200ms ease-in-out;
       }
 
       h2 {