Blockquote styling

_sass/abstracts/_variables.scss

@@ -3,6 +3,7 @@
 $text-font-stack: "halyard-text-variable", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
 $display-font-stack: "halyard-display-variable", -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
 $line-height: 24px;
+$border-thickness: 1px;
 
 $switch-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
 $switch-knob-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);

_sass/base/_typography.scss

@@ -49,4 +49,9 @@ h6 {
 
 address {
 	font-style: inherit;
+}
+
+blockquote {
+	@include vr.set($margin: 0, $padding-left: 0.5);
+	border-left: $border-thickness solid;
 }

_sass/layout/footer.scss

@@ -1,8 +1,9 @@
 @use 'vendors/vertical-rhythm-reset' as vr;
+@use 'abstracts/variables' as *;
 
 footer {
 	@include vr.set($margin-top: 1 0);
-	border-top: 1px solid;
+	border-top: $border-thickness solid;
 
 	text-transform: lowercase;
 	display: flex;

_sass/layout/header.scss

@@ -1,4 +1,5 @@
 @use 'vendors/vertical-rhythm-reset' as vr;
+@use 'abstracts/variables' as *;
 
 header#masthead {
 	text-transform: lowercase;
@@ -7,7 +8,7 @@ header#masthead {
 
 	nav {
 		@include vr.set($padding-bottom: 1);
-		border-bottom: 1px solid;
+		border-bottom: $border-thickness solid;
 		display: flex;
 		justify-content: space-between;
 		align-items: center;

_sass/themes/_themes.scss

@@ -102,6 +102,10 @@ $themes: (
 		color: inherit;
 		background: map.get($colors, highlight);
 	}
+
+	blockquote {
+		border-color: map.get($colors, link-underline);
+	}
 }
 
 @media (prefers-color-scheme: light) {