jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2026-07-02 02:35:57 -04:00
Code Issues Activity

refactor font loaders/declarations

Browse Source
This commit is contained in:
Jake Jarvis
2025-04-02 13:49:43 -04:00
parent 5c0e473bbe
commit 2b7f3c66a9
21 changed files with 237 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Code/Code.module.css
+17 -11
View File
@@ -1,3 +1,18 @@
.inline,
.highlighted {
font-family: var(--fonts-mono);
font-variant-ligatures: none; /* i hate them. fwiw. */
}
.inline {
padding: 0.2em 0.3em;
font-size: 0.925em;
page-break-inside: avoid;
background-color: var(--colors-background-outer);
border: 1px solid var(--colors-kinda-light);
border-radius: 0.6em;
}
figure:has(.highlighted) {
margin: 1em auto;
position: relative;
@@ -15,14 +30,14 @@ figure:has(.highlighted) {
border-radius: 0.6em;
}
.highlighted span {
.highlighted [style*="--shiki"] {
color: var(--shiki-light);
font-style: var(--shiki-light-font-style);
font-weight: var(--shiki-light-font-weight);
text-decoration: var(--shiki-light-text-decoration);
}
[data-theme="dark"] .highlighted span {
[data-theme="dark"] .highlighted [style*="--shiki"] {
color: var(--shiki-dark);
font-style: var(--shiki-dark-font-style);
font-weight: var(--shiki-dark-font-weight);
@@ -58,15 +73,6 @@ figure:has(.highlighted) {
width: 1.75rem;
}
.inline {
padding: 0.2em 0.3em;
font-size: 0.925em;
page-break-inside: avoid;
background-color: var(--colors-background-outer);
border: 1px solid var(--colors-kinda-light);
border-radius: 0.6em;
}
.copyButton {
position: absolute;
top: 0;