eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Move all the syntax highlighting styles to functional stylesheets

Browse source
This commit is contained in:
Eryn Wells 2023-09-28 18:16:38 -07:00
parent fb7fd04fe9
commit 3a1597acec
6 changed files with 54 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

37
assets/styles/root/050_typography.css
View file

@ -1,7 +1,7 @@
@font-face {
font-family: "Museo_Slab";
src: url("{{ `/fonts/Museo_Slab_500.woff2` | relURL }}") format("woff2"),
url("{{ `/fonts/Museo_Slab_500.woff` | relURL }}") format("woff");
url("{{ `/fonts/Museo_Slab_500.woff` | relURL }}") format("woff");
font-weight: normal;
font-style: normal;
}
@ -58,6 +58,10 @@
line-height: var(--line-height);
}
figure .highlight .cl {
white-space: pre-wrap;
}
footer.site {
font-size: 80%;
line-height: 1;
@ -71,19 +75,12 @@
h6 { font-size: var(--h6-size); }
h5, h6 { font-family: var(--font-family-body); }
header.site nav > .active { font-weight: bold; }
main:has(header > .post-title > h1) h1 { font-size: 244%; }
main:has(header > .post-title > h1) h2 { font-size: 195%; }
main:has(header > .post-title > h1) h3 { font-size: 156%; }
main:has(header > .post-title > h1) h4 { font-size: 125%; }
main:has(header > .post-title > h1) h5 { font-size: 100%; }
main:has(header > .post-title > h1) h6 { font-size: 100%; }
main:has(header > .post-title > h1) :is(h5, h6) {
font-family: var(--font-family-body);
header > span.series::before {
content: "↳";
}
header.site nav > .active { font-weight: bold; }
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-family-heading);
font-weight: 600;
@ -134,7 +131,23 @@
font-size: clamp(var(--font-size-min), var(--font-size-scale-factor), var(--font-size-max));
}
main:has(header > .post-title > h1) h1 { font-size: 244%; }
main:has(header > .post-title > h1) h2 { font-size: 195%; }
main:has(header > .post-title > h1) h3 { font-size: 156%; }
main:has(header > .post-title > h1) h4 { font-size: 125%; }
main:has(header > .post-title > h1) h5 { font-size: 100%; }
main:has(header > .post-title > h1) h6 { font-size: 100%; }
main:has(header > .post-title > h1) :is(h5, h6) {
font-family: var(--font-family-body);
}
nav.bulleted>li:first-child::before {
content: "";
}
nav.bulleted > li::before {
content: "•";
font-size: 60%;
font-weight: normal;
}