feat: letter-spacing of headings more configurable

chrisgrieser · Dec 11, 2024 · 8276b48 · 8276b48
1 parent 4454187
commit 8276b48
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 10 deletions.
diff --git a/source/2-variables/variables.css b/source/2-variables/variables.css
@@ -221,7 +221,6 @@ body {
 
 	/* Optima pre-installed on macOS */
 	--font-heading-theme: "Optima", "Recursive S";
-	--heading-letter-spacing: 1.5px;
 
 	/* Use system fonts for longform */
 	--longform-font-text-theme: "Garamond", "Times New Roman", serif;

diff --git a/source/3-markup/headings_inline-title.css b/source/3-markup/headings_inline-title.css
@@ -1,7 +1,9 @@
-.less-heading-letter-spacing {
-	--heading-letter-spacing: 0;
+body {
+	--heading-letter-spacing: 1.5px;
 }
 
+/* ────────────────────────────────────────────────────────────────────────── */
+
 .markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
 	margin-top: 1em;
 	margin-bottom: 0.3em;
@@ -11,7 +13,7 @@ body p {
 	margin-block-start: 0.3em;
 }
 
-.inline-title,
+.inline-title.inline-title,
 .cm-header,
 .markdown-rendered.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
 	font-weight: 700;

diff --git a/source/style-settings.yaml b/source/style-settings.yaml
@@ -240,12 +240,15 @@ settings:
     title: "Headings: No level indicators in live preview"
     type: class-toggle
     default: false
-  - id: less-heading-letter-spacing
-    title: "Headings: Compactness"
-    description: Makes headings more compact by decreasing their letter spacing.
-    type: class-toggle
-    default: false
-
+  - id: heading-letter-spacing
+    title: "Headings: Letter spacing"
+    description: Amount of space between letters.
+    type: variable-number-slider
+    default: 1.5
+    min: -2
+    max: 3
+    step: 0.5
+    format: px
   #─────────────────────────────────────────────────────────────────────────────
   # Colors & shapes
   - id: aesthetics