talexander/natter
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Style src blocks.

Browse Source
This commit is contained in:
Tom Alexander 2023-12-19 20:45:03 -05:00
parent a29b625631
commit 3968121d54
Signed by: talexander
GPG Key ID: D3A179C9A53C0EDE
2 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
default_environment/stylesheet/main.css
View File

@ -1,15 +1,20 @@
:root { :root {
--unused-1: #6ccff6;
--main-max-width: 800px; --main-max-width: 800px;
--site-background-color: #0a0a0a; --site-background-color: #0a0a0a;
--site-text-color: #fffffc; --site-text-color: #fffffc;
--header-divider-color: #6a687a; --header-divider-color: #6a687a;
--unused-1: #6ccff6;
--unused-2: #84828f; --src-block-background-color: #141414;
--src-block-border-color: #84828f;
--src-block-language-color: #0a0a0a;
--src-block-language-background: #84828f;
} }
body { body {
color: var(--site-text-color); color: var(--site-text-color);
background-color: var(--site-background-color); background-color: var(--site-background-color);
font-family: source-sans-pro, Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', sans-serif;
a:link, a:visited { a:link, a:visited {
/* TODO: Should I use a different color for links? */ /* TODO: Should I use a different color for links? */
@ -48,6 +53,28 @@ body {
p { p {
margin: 1rem 0; margin: 1rem 0;
} }
.src_block {
background: var(--src-block-background-color);
border-radius: 3px;
border: 1px solid var(--src-block-border-color);
font-size: 1rem;
font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
.src_language {
display: inline-block;
color: var(--src-block-language-color);
background: var(--src-block-language-background);
border-radius: 0 0 3px 0;
padding: 0.1rem 0.5rem;
font-size: 0.8rem;
vertical-align: top;
}
.src_body {
margin: 0.5rem;
}
}
} }
/* A stand-alone blog post (not in a blog stream). */ /* A stand-alone blog post (not in a blog stream). */

22
default_environment/templates/html/src_block.dust
View File

@ -1,9 +1,13 @@
<table> <div class="src_block">
<tbody> <!-- TODO: Get the language from the render context. -->
{#.lines} <div class="src_language">text</div>
<tr> <table class="src_body">
<td><code>{.}</code></td> <tbody>
</tr> {#.lines}
{/.lines} <tr>
</tbody> <td><code>{.}</code></td>
</table> </tr>
{/.lines}
</tbody>
</table>
</div>