enh: codespan styling

This commit is contained in:
Timothy J. Baek 2024-08-05 18:57:28 +02:00
parent 3dc90b854c
commit f7d1225c23
2 changed files with 15 additions and 1 deletions

View File

@ -158,3 +158,17 @@ input[type='number'] {
.password {
-webkit-text-security: disc;
}
.codespan {
color: #eb5757;
border-width: 0px;
padding: 3px 8px;
font-size: 0.8em;
font-weight: 600;
}
[data-theme='light'] .codespan {
background-color: #f0f0f0;
}
[data-theme='dark'] .codespan {
background-color: #111;
}

View File

@ -31,7 +31,7 @@
<svelte:self id={`${id}-em`} tokens={token.tokens} />
</em>
{:else if token.type === 'codespan'}
<code>{unescapeHtml(token.text.replaceAll('&amp;', '&'))}</code>
<code class="codespan">{unescapeHtml(token.text.replaceAll('&amp;', '&'))}</code>
{:else if token.type === 'br'}
<br />
{:else if token.type === 'del'}