From ef4793e96c1ebacfec0f70c72d3d085138027418 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 18 Dec 2023 11:50:09 +0100 Subject: Headline typography --- src/_declare-vars.scss | 2 +- src/objects/_heading.scss | 8 +++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/_declare-vars.scss b/src/_declare-vars.scss index 292ef32..0efef49 100644 --- a/src/_declare-vars.scss +++ b/src/_declare-vars.scss @@ -65,7 +65,7 @@ --family: ('Inter', fn.dim(--font --standard --family, null)), --line-height: 1.3, --weight: 800, - --feature-settings: '\'opsz\'' 32, + --feature-settings: ('\'opsz\'' 32, '\'ss01\'', '\'cv06\'', '\'cv12\'', '\'cv13\''), ), --mono: ( --family: ('Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace), diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 3e6ac7c..514f0a6 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss @@ -4,6 +4,12 @@ @use '../config'; @include iro.props-namespace('heading') { + @include iro.props-store(( + --dims: ( + --offset: -.04em, + ) + ), 'dims'); + @include iro.props-store(( --colors: ( --light: fn.global-color(--fg-hi), @@ -17,7 +23,7 @@ display: block; margin-top: fn.global-dim(--heading --margin-top); - transform: translateX(-.06em); + transform: translateX(fn.dim(--offset)); letter-spacing: normal; text-transform: none; -- cgit v1.2.3-70-g09d2