diff --git a/src/text.css b/src/text.css index 48ffcf7..f96e02b 100644 --- a/src/text.css +++ b/src/text.css @@ -4,10 +4,14 @@ h3, h4, h5, h6 -{ - font-weight: 700; - line-height: normal; -} +{ line-height: normal } + +h1 { font-weight: var(--sf-fw-h1) } +h2 { font-weight: var(--sf-fw-h2) } +h3 { font-weight: var(--sf-fw-h3) } +h4 { font-weight: var(--sf-fw-h4) } +h5 { font-weight: var(--sf-fw-h5) } +h6 { font-weight: var(--sf-fw-h6) } address, blockquote, @@ -23,7 +27,10 @@ p small, sub, sup -{ font-size: var(--sf-fz-small) } +{ + font-size: var(--sf-fz-small); + font-weight: var(--sf-fw-small); +} h1 { font-size: var(--sf-h1); @@ -61,7 +68,7 @@ time b, strong -{ font-weight: 700 } +{ font-weight: var(--sf-fw-bold) } mark { color: hsl(var(--sf-c-mark-txt)); diff --git a/src/var.css b/src/var.css index a75785a..2f10040 100644 --- a/src/var.css +++ b/src/var.css @@ -1,8 +1,6 @@ :root { --sf-ff: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; - --sf-fw: 400; - --sf-lh: 0.8; --sf-h1: 3rem; @@ -12,9 +10,21 @@ --sf-h5: 1.25rem; --sf-h6: 1rem; + --sf-fw-h1: 700; + --sf-fw-h2: 700; + --sf-fw-h3: 700; + --sf-fw-h4: 600; + --sf-fw-h5: 600; + --sf-fw-h6: 600; + --sf-fz: 1rem; + --sf-fz-bold: 1rem; --sf-fz-small: 0.75rem; + --sf-fw: 400; + --sf-fw-bold: 600; + --sf-fw-small: 300; + --sf-disabled: 0.4; --sf-c-link: 225 73% 57%;