Headline typography

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
@@ -5,6 +5,12 @@
 
 @include iro.props-namespace('heading') {
     @include iro.props-store((
+        --dims: (
+            --offset: -.04em,
+        )
+    ), 'dims');
+
+    @include iro.props-store((
         --colors: (
             --light:  fn.global-color(--fg-hi),
             --strong: fn.global-color(--fg-lo),
@@ -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;