Skip to content

Commit 58ea8bf

Browse files
committed
Better <mark>
1 parent a85c30c commit 58ea8bf

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

_sass/themes/_themes.scss

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -113,8 +113,15 @@ footer {
113113

114114

115115
mark {
116-
color: var(--text-emphasized);
116+
// https://max.hn/thoughts/how-to-create-a-highlighter-marker-effect-in-css
117+
color: inherit;
117118
background: var(--highlight);
119+
margin: 0 -0.3em;
120+
border-radius: 0.7em 0.3em;
121+
padding: 0.15em 0.3em;
122+
123+
-webkit-box-decoration-break: clone;
124+
box-decoration-break: clone;
118125
}
119126

120127
blockquote {

0 commit comments

Comments
 (0)