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"
content: |
<main>
<code><pre class="pre-line">U+1F349: WATERMELON</pre></code>
<code><pre class="pre-line">Miscellaneous Symbols and Pictographs, U+1F300 - U+1F5FF</pre></code>
<code><pre class="pre-line">Supplementary Multilingual Plane, U+10000 - U+1FFFF</pre></code>
<code class="utf-desc">
<pre>U+1F349: WATERMELON</pre>
<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>
</main>

View File

@ -40,13 +40,18 @@ main {
}
}
code pre {
code.utf-desc {
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;
margin-block: 5px;
}
a {