diff --git a/source/2-variables/variables.css b/source/2-variables/variables.css index 0eade6cd..396e36bf 100644 --- 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 index 0c2b935e..ee501881 100644 --- 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 index 61eb97dc..a59ea0ff 100644 --- 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