update text styles, minor adjustment to hero layout

calblueprint · Jan 11, 2024 · cad4ad1 · cad4ad1
1 parent 92d05ae
commit cad4ad1
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 29 deletions.
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -13,33 +13,35 @@ import TitleAccent from './TitleAccent.astro';
     />
     to tackle social challenges
   </h1>
-  <Button>
-    <p>Registration will open February 1!</p>
-    <img src={stopwatchIcon.src} alt="stopwatch" />
-  </Button>
-  <span>
-    Stay tuned! In the meantime, follow
-
-    <a
-      href="https://www.instagram.com/calblueprint/"
-      target="_blank"
-      referrerpolicy="no-referrer"
-    >
-      @calblueprint
-    </a>
-
-    and
-
-    <a
-      href="https://www.instagram.com/calhacks/"
-      target="_blank"
-      referrerpolicy="no-referrer"
-    >
-      @calhacks
-    </a>
-
-    on Instagram for updates.
-  </span>
+  <div>
+    <Button variant="secondary">
+      <p class="btn-text">Registration will open February 1!</p>
+      <img src={stopwatchIcon.src} alt="stopwatch" />
+    </Button>
+    <span>
+      Stay tuned! In the meantime, follow
+
+      <a
+        href="https://www.instagram.com/calblueprint/"
+        target="_blank"
+        referrerpolicy="no-referrer"
+      >
+        @calblueprint
+      </a>
+
+      and
+
+      <a
+        href="https://www.instagram.com/calhacks/"
+        target="_blank"
+        referrerpolicy="no-referrer"
+      >
+        @calhacks
+      </a>
+
+      on Instagram for updates.
+    </span>
+  </div>
 </section>
 
 <style lang="scss">
@@ -54,8 +56,20 @@ import TitleAccent from './TitleAccent.astro';
     text-align: center;
     gap: 20px;
 
-    & > span {
-      padding: 0 28%;
+    h1 {
+      margin: 0.5rem 0;
     }
+
+    div {
+      display: flex;
+      flex-direction: column;
+      width: min-content;
+      gap: 20px;
+    }
+  }
+
+  .btn-text {
+    width: max-content;
+    font-size: 1.25rem;
   }
 </style>
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -1 +1,2 @@
+/// <reference path="../.astro/types.d.ts" />
 /// <reference types="astro/client" />
diff --git a/src/styles/_global.scss b/src/styles/_global.scss
@@ -5,6 +5,7 @@
 html {
   font-family: fonts.$sans;
   background: colors.$background;
+  color: colors.$text;
 }
 
 * {