nav and footer dividers

mattbischoff · Apr 11, 2024 · 273c0df · 273c0df
1 parent 22dcd89
commit 273c0df
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/_sass/layout/footer.scss b/_sass/layout/footer.scss
@@ -2,6 +2,7 @@
 
 footer {
 	@include vr.set($margin-top: 1 0);
+	border-top: 1px solid;
 
 	text-transform: lowercase;
 	display: flex;

diff --git a/_sass/layout/header.scss b/_sass/layout/header.scss
@@ -6,8 +6,8 @@ header#masthead {
 	@include vr.set($margin: 1 0);
 
 	nav {
-		@include vr.set($margin-bottom: 1);
-
+		@include vr.set($padding-bottom: 1);
+		border-bottom: 1px solid;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
@@ -19,7 +19,7 @@ header#masthead {
 	}
 
 	h1 {
-		@include vr.set($margin-bottom: 0);
+		@include vr.set($margin-bottom: 0, $margin-top: 1);
 
 	}
 

diff --git a/_sass/themes/_themes.scss b/_sass/themes/_themes.scss
@@ -28,6 +28,8 @@ $themes: (
 		color: map.get($colors, text-emphasized);
 
 		nav {
+			border-color: map.get($colors, link-underline);
+
 			a {
 				&.active {
 					color: map.get($colors, accent);
@@ -67,13 +69,23 @@ $themes: (
 
 	article {
 		header {
+			h1 {
+				a {
+					color: map.get($colors, accent);
+				}
+			}
+
 			time {
 				a {
 					color: map.get($colors, text-secondary);
 				}
 			}
 		}
 	}
+
+	footer {
+		border-color: map.get($colors, link-underline);
+	}
 }
 
 @media (prefers-color-scheme: light) {