Better <mark>

mattbischoff · Apr 23, 2024 · 58ea8bf · 58ea8bf
1 parent a85c30c
commit 58ea8bf
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/_sass/themes/_themes.scss b/_sass/themes/_themes.scss
@@ -113,8 +113,15 @@ footer {
 
 
 mark {
-	color: var(--text-emphasized);
+	// https://max.hn/thoughts/how-to-create-a-highlighter-marker-effect-in-css
+	color: inherit;
 	background: var(--highlight);
+	margin: 0 -0.3em;
+	border-radius: 0.7em 0.3em;
+	padding: 0.15em 0.3em;
+
+	-webkit-box-decoration-break: clone;
+	box-decoration-break: clone;
 }
 
 blockquote {