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 { .password {
-webkit-text-security: disc; -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} /> <svelte:self id={`${id}-em`} tokens={token.tokens} />
</em> </em>
{:else if token.type === 'codespan'} {: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'} {:else if token.type === 'br'}
<br /> <br />
{:else if token.type === 'del'} {:else if token.type === 'del'}