Add styles for blockquotes

2021-07-07 23:31:54 -04:00 · 2021-07-07 23:31:54 -04:00 · 2e93c8998b
parent 49c721d0b9
commit 2e93c8998b
1 changed files with 9 additions and 0 deletions
--- a/site/css/main.scss
+++ b/site/css/main.scss
@ -219,6 +219,15 @@ article {
 			background: var(--accent-color);
 		}

+		blockquote {
+			font-style: italic;
+			border-left: 3px solid var(--accent-color);
+			// use margin for vertical spacing so space is shared with elements that come before/after
+			// and padding for horizontal so that the space is between the border and the text
+			margin: 20px 0;
+			padding: 0 40px;
+		}
+
 		a::before, a::after,
 		p code {
 			word-break: break-all;