Fix navbar overlap on mobile

mutant-remix · Jun 7, 2024 · f5ff846 · f5ff846
1 parent c7519bc
commit f5ff846
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 6 deletions.
diff --git a/config/global/styles/base/body.css b/config/global/styles/base/body.css
@@ -3,10 +3,12 @@ body {
 	margin: 0 3rem 3rem;
 	color: light-dark(var(--dark_grey), var(--white));
 	background-color: light-dark(var(--white), var(--grey));
+	font-family: "Barlow", sans-serif;
 }
 
 main {
-	margin: 5rem auto;
+	padding: 5rem 0;
+	margin: auto;
 	max-width: 1000px;
 }
 

diff --git a/config/global/styles/components/navbar.css b/config/global/styles/components/navbar.css
@@ -11,7 +11,7 @@ header#navbar {
 	top: 0;
 	left: 0;
 	text-transform: lowercase;
-	font-weight: 900;
+	font-weight: 700;
 	background: var(--light_grey);
 	z-index: 1000;
 

diff --git a/config/global/styles/pages/index.css b/config/global/styles/pages/index.css
@@ -68,6 +68,7 @@
 	#hero {
 		flex-direction: column-reverse;
 		justify-items: center;
+		padding-top: 1rem;
 		margin-bottom: 5rem;
 
 		#herotext {

diff --git a/config/global/styles/type/type.css b/config/global/styles/type/type.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Barlow&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 p {
 	margin-bottom: 0.8rem;

diff --git a/docs/styles/base/body.css b/docs/styles/base/body.css
@@ -3,10 +3,12 @@ body {
 	margin: 0 3rem 3rem;
 	color: light-dark(var(--dark_grey), var(--white));
 	background-color: light-dark(var(--white), var(--grey));
+	font-family: "Barlow", sans-serif;
 }
 
 main {
-	margin: 5rem auto;
+	padding: 5rem 0;
+	margin: auto;
 	max-width: 1000px;
 }
 

diff --git a/docs/styles/components/navbar.css b/docs/styles/components/navbar.css
@@ -11,7 +11,7 @@ header#navbar {
 	top: 0;
 	left: 0;
 	text-transform: lowercase;
-	font-weight: 900;
+	font-weight: 700;
 	background: var(--light_grey);
 	z-index: 1000;
 

diff --git a/docs/styles/pages/index.css b/docs/styles/pages/index.css
@@ -68,6 +68,7 @@
 	#hero {
 		flex-direction: column-reverse;
 		justify-items: center;
+		padding-top: 1rem;
 		margin-bottom: 5rem;
 
 		#herotext {

diff --git a/docs/styles/type/type.css b/docs/styles/type/type.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Barlow&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
 p {
 	margin-bottom: 0.8rem;