Add code block styles

This commit is contained in:
Melon 2023-08-02 23:28:40 +01:00
parent bce4b005b0
commit 30c14ac3e3
Signed by: melon
GPG Key ID: 6C9D970C50D26A25
2 changed files with 13 additions and 6 deletions

View File

@ -8,8 +8,10 @@ meta:
og-site_name: "1f349.net" og-site_name: "1f349.net"
content: | content: |
<main> <main>
<code><pre class="pre-line">U+1F349: WATERMELON</pre></code> <code class="utf-desc">
<code><pre class="pre-line">Miscellaneous Symbols and Pictographs, U+1F300 - U+1F5FF</pre></code> <pre>U+1F349: WATERMELON</pre>
<code><pre class="pre-line">Supplementary Multilingual Plane, U+10000 - U+1FFFF</pre></code> <pre>Miscellaneous Symbols and Pictographs, U+1F300 - U+1F5FF</pre>
<pre>Supplementary Multilingual Plane, U+10000 - U+1FFFF</pre>
</code>
<p>The internal domain for all Melon-hosted services.</p> <p>The internal domain for all Melon-hosted services.</p>
</main> </main>

View File

@ -40,13 +40,18 @@ main {
} }
} }
code pre { code.utf-desc {
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
font-size: 90%; font-size: 14.4px;
background-color: #121212;
padding: 1em;
display: block;
border-radius: 8px;
} }
code pre.pre-line { code.utf-desc pre {
white-space: pre-line; white-space: pre-line;
margin-block: 5px;
} }
a { a {