Style fixes

LeaVerou · Jun 21, 2024 · f50e735 · f50e735
1 parent a480ca2
commit f50e735
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/style/base.css b/style/base.css
@@ -100,7 +100,7 @@ textarea {
 	}
 }
 
-img, video {
+img, video, object {
 	max-width: 100%;
 	max-height: 100%;
 	object-fit: contain;
@@ -167,27 +167,33 @@ img, video {
 
 /* Quotes */
 blockquote {
+	--_accent-color: var(--accent-color, var(--color-accent-1));
 	position: relative;
 	font-style: italic;
 	max-width: calc(80vw - 4.5em);
+	margin-inline-start: 3em;
+	line-height: 1.3;
+	text-wrap: balance;
+	hanging-punctuation: first allow-end last;
 
 	&::before {
 		content: "❝";
 		position: absolute;
 		right: 100%;
-		top: -.3em;
-		margin-right: .2em;
+		top: -.25em;
+		margin-right: .7rem;
 		font-size: 300%;
-		color: var(--color-accent-1);
+		color: var(--_accent-color);
 		font-style: normal;
 	}
 
 	.cite {
+		margin-block-start: 1rem;
 		text-align: right;
 		font-style: normal;
 		font-size: 60%;
 		font-weight: bold;
-		color: var(--color-accent-1);
+		color: var(--_accent-color);
 
 		&::before {
 			content: "— "

diff --git a/style/partials/code.css b/style/partials/code.css
@@ -1,12 +1,13 @@
 code, textarea, pre {
 	margin: 0;
-	font: 100%/1.5em var(--font-mono);
+	font: 100%/1.5 var(--font-mono);
 	tab-size: 4;
 	color: inherit;
 }
 
 	pre > code {
 		font-size: inherit;
+		line-height: inherit;
 	}
 
 	code mark {