summaryrefslogtreecommitdiffstats
path: root/src
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2023-12-18 11:50:09 +0100
committerVolpeon <git@volpeon.ink>2023-12-18 11:50:09 +0100
commitef4793e96c1ebacfec0f70c72d3d085138027418 (patch)
treebd4c1b7fb518661189e4c98b843d25396557dac0 /src
parentNew default font: Inter (diff)
downloadiro-design-ef4793e96c1ebacfec0f70c72d3d085138027418.tar.gz
iro-design-ef4793e96c1ebacfec0f70c72d3d085138027418.tar.bz2
iro-design-ef4793e96c1ebacfec0f70c72d3d085138027418.zip
Headline typography
Diffstat (limited to 'src')
-rw-r--r--src/_declare-vars.scss2
-rw-r--r--src/objects/_heading.scss8
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 @@
65 --family: ('Inter', fn.dim(--font --standard --family, null)), 65 --family: ('Inter', fn.dim(--font --standard --family, null)),
66 --line-height: 1.3, 66 --line-height: 1.3,
67 --weight: 800, 67 --weight: 800,
68 --feature-settings: '\'opsz\'' 32, 68 --feature-settings: ('\'opsz\'' 32, '\'ss01\'', '\'cv06\'', '\'cv12\'', '\'cv13\''),
69 ), 69 ),
70 --mono: ( 70 --mono: (
71 --family: ('Iosevka Term SS09', 'IBM Plex Mono', 'Menlo', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', Courier, monospace), 71 --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 @@
5 5
6@include iro.props-namespace('heading') { 6@include iro.props-namespace('heading') {
7 @include iro.props-store(( 7 @include iro.props-store((
8 --dims: (
9 --offset: -.04em,
10 )
11 ), 'dims');
12
13 @include iro.props-store((
8 --colors: ( 14 --colors: (
9 --light: fn.global-color(--fg-hi), 15 --light: fn.global-color(--fg-hi),
10 --strong: fn.global-color(--fg-lo), 16 --strong: fn.global-color(--fg-lo),
@@ -17,7 +23,7 @@
17 23
18 display: block; 24 display: block;
19 margin-top: fn.global-dim(--heading --margin-top); 25 margin-top: fn.global-dim(--heading --margin-top);
20 transform: translateX(-.06em); 26 transform: translateX(fn.dim(--offset));
21 letter-spacing: normal; 27 letter-spacing: normal;
22 text-transform: none; 28 text-transform: none;
23 29