forked from slonk/bingus-blog
improve css
This commit is contained in:
parent
7ab62a0711
commit
c56a182d14
2 changed files with 32 additions and 6 deletions
|
@ -1,5 +1,7 @@
|
|||
.anchor {
|
||||
text-decoration: none;
|
||||
font-size: x-large;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.anchor::before {
|
||||
content: "§";
|
||||
|
@ -9,8 +11,10 @@
|
|||
}
|
||||
|
||||
code {
|
||||
font-size: larger;
|
||||
padding: 0.15em 0.4em;
|
||||
padding: 0.15em 0.3em;
|
||||
overflow-wrap: break-word;
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
|
||||
background-color: var(--surface0);
|
||||
color: var(--subtext1);
|
||||
|
@ -21,8 +25,6 @@ pre > code {
|
|||
border: 2px solid var(--surface0);
|
||||
padding: 1.25em 1.5em;
|
||||
display: block;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
|
@ -31,3 +33,24 @@ pre > code {
|
|||
img {
|
||||
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;
|
||||
}
|
||||
|
|
|
@ -27,11 +27,14 @@
|
|||
}
|
||||
}
|
||||
|
||||
:root {
|
||||
:root,
|
||||
code {
|
||||
/* 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;
|
||||
}
|
||||
|
||||
:root {
|
||||
background-color: var(--base);
|
||||
color: var(--text);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue