n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Better <code> styling

Browse Source
This commit is contained in:
Nathan Upchurch 2024-03-18 19:59:45 -05:00
parent 948fab0bb9
commit 08021fa945
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/css/code.css
View File

@ -4,7 +4,7 @@ pre[class*="language-"] {
background: none; background: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-shadow: 0 1px rgba(0, 0, 0, 0.3);
font-family: var(--font-family-monospace); font-family: var(--font-family-monospace);
font-size: var(--font-n); font-size: var(--step--1);
text-align: left; text-align: left;
white-space: pre; white-space: pre;
word-spacing: normal; word-spacing: normal;
@ -24,7 +24,7 @@ pre[class*="language-"] {
/* Code blocks */ /* Code blocks */
pre[class*="language-"] { pre[class*="language-"] {
padding: var(--single-gap); padding: var(--space-2xs);
margin: .5em 0; margin: .5em 0;
overflow: auto; overflow: auto;
border-radius: 0.3em; border-radius: 0.3em;
@ -121,7 +121,7 @@ pre[class*="language-diff-"] {
padding-left: var(--eleventy-code-padding); padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding); padding-right: var(--eleventy-code-padding);
font-family: var(--font-family-monospace); font-family: var(--font-family-monospace);
font-size: 1em; font-size: var(--step--1);
} }
.token.deleted { .token.deleted {
background-color: hsl(0, 51%, 37%); background-color: hsl(0, 51%, 37%);

6
public/css/index.css
View File

@ -181,6 +181,12 @@ body {
button, .nav-item { button, .nav-item {
font-family: var(--font-family-ui); font-family: var(--font-family-ui);
} }
code {
background-color: var(--color-gray-20);
border-radius: 0.3em;
font-size: var(--step--1);
padding: 0 var(--space-3xs);
}
header, footer, main { header, footer, main {
display: grid; display: grid;
gap: var(--grid-gutter); gap: var(--grid-gutter);