mchapman/the-sourdough-framework
1
0
Fork 0
mirror of https://github.com/hendricius/the-sourdough-framework synced 2025-11-10 13:11:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Improve website font sizes for headings

Browse Source 
This improves font sizes for headings. On troubleshooting the section
headers were so small that they could barely be noticed.
This commit is contained in:
Hendrik Kleinwaechter
2023-08-04 18:35:40 +01:00
parent 97e3cb5153
commit 0e3f190f5f
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
book/style.css
View File

@@ -6,6 +6,11 @@
--fw-bold: 800; --fw-bold: 800;
--f-lh: 28px; --f-lh: 28px;
--c-black: #282828; --c-black: #282828;
--fs-xxxl: 32px;
--fs-xxl: 26px;
--fs-xl: 24px;
--fs-l: 22px;
--fs-m: 16px;
} }
@media (min-width: 1200px){ @media (min-width: 1200px){
@@ -31,7 +36,7 @@ body{
padding:0; padding:0;
font-family: var(--ff-sans); font-family: var(--ff-sans);
font-weight: var(--fw-regular); font-weight: var(--fw-regular);
font-size: 16px; font-size: var(--fs-m);
} }
@media screen and (min-width: 57rem) { @media screen and (min-width: 57rem) {
@@ -303,13 +308,28 @@ main.titlepage h2.chapterHead {
margin-top: 0px; margin-top: 0px;
} }
h1 {
font-weight: var(--fw-bold);
text-transform: uppercase;
font-size: var(--fs-xxxl);
}
h2 { h2 {
font-weight: var(--fw-bold); font-weight: var(--fw-bold);
text-transform: uppercase; text-transform: uppercase;
font-size: var(--fs-xxl);
} }
h3 { h3 {
font-weight: var(--fw-bold); font-weight: var(--fw-bold);
text-transform: uppercase;
font-size: var(--fs-xl);
}
h4 {
font-weight: var(--fw-bold);
text-transform: uppercase;
font-size: var(--fs-l);
} }
.videoWrapper { .videoWrapper {