CSS Fixes

Fixed issue 19 whitep4nth3r#19 Updated font family variables. Main doesn’t exist
tdrayson · Feb 11, 2022 · 74ff2f4 · 74ff2f4
1 parent 65c7da9
commit 74ff2f4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 6 deletions.
diff --git a/styles/Backstage.module.css b/styles/Backstage.module.css
@@ -38,7 +38,7 @@
   line-height: 1.8;
   margin-bottom: 2rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
   text-align: center;

diff --git a/styles/Layout.module.css b/styles/Layout.module.css
@@ -24,6 +24,9 @@
 .layout__wrapper {
   grid-area: wrapper;
   background-color: var(--color-bg);
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
 }
 
 .layout__main {

diff --git a/styles/StreamerAvatar.module.css b/styles/StreamerAvatar.module.css
@@ -57,7 +57,7 @@
   margin-top: 2rem;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
 }

diff --git a/styles/Typography.module.css b/styles/Typography.module.css
@@ -4,7 +4,7 @@
   margin-bottom: 3rem;
   letter-spacing: 1px;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--yellow);
   text-transform: uppercase;
   text-shadow: 3px 3px var(--red);
@@ -16,7 +16,7 @@
   line-height: 1.5;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--yellow);
 }
 
@@ -25,7 +25,7 @@
   line-height: 1.3;
   margin-bottom: 3rem;
   font-weight: var(--font-weight-bold);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-heading);
   color: var(--white);
   padding-bottom: 1rem;
   border-bottom: 0.25rem solid var(--red);
@@ -36,7 +36,7 @@
   line-height: 1.8;
   margin-bottom: 2rem;
   font-weight: var(--font-weight-normal);
-  font-family: var(--font-family-main);
+  font-family: var(--font-family-body);
   color: var(--color-fg);
   word-break: break-word;
 }

diff --git a/styles/globals.css b/styles/globals.css
@@ -41,6 +41,7 @@ body {
   background-repeat: repeat;
   background-size: 9rem;
   min-height: 100vh;
+  display: flex;
 
   color: var(--color-fg);
 }
@@ -49,3 +50,7 @@ body {
   box-sizing: border-box;
   margin: 0;
 }
+
+#__next{
+  display: flex;
+}