shift down text on desktop

also pause carousel on hover because why not
acmucsd · Dec 10, 2024 · 8df6897 · 8df6897
1 parent 7cb93ec
commit 8df6897
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/Carousel/style.module.scss b/src/components/Carousel/style.module.scss
@@ -25,6 +25,10 @@
     }
   }
 
+  &:hover .carousel {
+    animation-play-state: paused;
+  }
+
   &::before {
     content: '';
     position: absolute;

diff --git a/src/sections/Hero/style.module.scss b/src/sections/Hero/style.module.scss
@@ -6,7 +6,6 @@
     'text peekers'
     'text display';
   grid-template-columns: auto 1fr;
-  gap: 0 1rem;
   align-items: flex-start;
   padding: 0 vars.$side-padding;
   margin: 0 calc(vars.$side-padding * -1);
@@ -21,6 +20,7 @@
   .text {
     grid-area: text;
     max-height: min(60rem, 100vh);
+    margin-top: 10rem;
   }
 
   @media screen and (max-width: vars.$breakpoint-lg) {
@@ -32,6 +32,7 @@
 
     .text {
       max-height: unset;
+      margin-top: 0;
     }
   }