pandarose/bingus-blog
1
0
Fork 0
forked from slonk/bingus-blog
Code Pull requests Activity

improve css

Browse source
This commit is contained in:
slonkazoid 2024-04-19 16:46:26 +03:00
parent 7ab62a0711
commit c56a182d14
Signed by: slonk
SSH key fingerprint: SHA256:tbZfJX4IOvZ0LGWOWu5Ijo8jfMPi78TU7x1VoEeCIjM
2 changed files with 32 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
static/post.css
View file

@ -1,5 +1,7 @@
.anchor { .anchor {
text-decoration: none; text-decoration: none;
font-size: x-large;
vertical-align: middle;
} }
.anchor::before { .anchor::before {
content: "§"; content: "§";
@ -9,8 +11,10 @@
} }
code { code {
font-size: larger; padding: 0.15em 0.3em;
padding: 0.15em 0.4em; overflow-wrap: break-word;
word-break: break-all;
white-space: pre-wrap;
background-color: var(--surface0); background-color: var(--surface0);
color: var(--subtext1); color: var(--subtext1);
@ -21,8 +25,6 @@ pre > code {
border: 2px solid var(--surface0); border: 2px solid var(--surface0);
padding: 1.25em 1.5em; padding: 1.25em 1.5em;
display: block; display: block;
overflow-wrap: break-word;
white-space: pre-wrap;
background-color: var(--base); background-color: var(--base);
color: var(--text); color: var(--text);
@ -31,3 +33,24 @@ pre > code {
img { img {
max-width: 100%; max-width: 100%;
} }
table,
td,
th {
border: 1px solid var(--text);
border-collapse: collapse;
padding: 0.5em;
}
th {
font-weight: bold;
}
td {
word-break: break-word;
}
th,
td:nth-child(1) {
word-break: keep-all;
}

7
static/style.css
View file

@ -27,11 +27,14 @@
} }
} }
:root { :root,
code {
/* please have one at least one good monospace font */ /* please have one at least one good monospace font */
font-family: "Hack Nerd Font", "Hack", "JetBrains Mono", font-family: "Hack", "Hack Nerd Font", "JetBrains Mono",
"JetBrainsMono Nerd Font", "Ubuntu Mono", monospace, sans-serif; "JetBrainsMono Nerd Font", "Ubuntu Mono", monospace, sans-serif;
}
:root {
background-color: var(--base); background-color: var(--base);
color: var(--text); color: var(--text);
} }