Blockquote styling

mbbischoff · mbbischoff · commit 1849320f7811 · 2024-04-15T23:48:13.000-04:00
diff --git a/_sass/abstracts/_variables.scss b/_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);
diff --git a/_sass/base/_typography.scss b/_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;
 }
diff --git a/_sass/layout/footer.scss b/_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;
diff --git a/_sass/layout/header.scss b/_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;
diff --git a/_sass/themes/_themes.scss b/_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) {

Original file line number	Diff line number	Diff line change
`@@ -49,4 +49,9 @@ h6 {`
`49`	`49`
`50`	`50`	`address {`
`51`	`51`	`font-style: inherit;`
	`52`	`+}`
	`53`	`+`
	`54`	`+blockquote {`
	`55`	`+ @include vr.set($margin: 0, $padding-left: 0.5);`
	`56`	`+ border-left: $border-thickness solid;`
`52`	`57`	`}`
Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,10 @@ $themes: (`
`102`	`102`	`color: inherit;`
`103`	`103`	`background: map.get($colors, highlight);`
`104`	`104`	`}`
	`105`	`+`
	`106`	`+ blockquote {`
	`107`	`+ border-color: map.get($colors, link-underline);`
	`108`	`+ }`
`105`	`109`	`}`
`106`	`110`
`107`	`111`	`@media (prefers-color-scheme: light) {`