Added (var) font-weight

Style-Forge · Jul 13, 2024 · 3792ae3 · 3792ae3
1 parent 64b19c2
commit 3792ae3
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git 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
@@ -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%;