summaryrefslogtreecommitdiffstats
path: root/src/_vars.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-02-07 10:56:11 +0100
committerVolpeon <git@volpeon.ink>2022-02-07 10:56:11 +0100
commitcad79b949b060cd360582c2d208b37a51578e778 (patch)
treea32f05975ce6b0c557a2c9b7d57772ad0e18e40e /src/_vars.scss
parentAdded status indicator and avatar (diff)
downloadiro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.gz
iro-design-cad79b949b060cd360582c2d208b37a51578e778.tar.bz2
iro-design-cad79b949b060cd360582c2d208b37a51578e778.zip
Improved font handling
Diffstat (limited to 'src/_vars.scss')
-rw-r--r--src/_vars.scss27
1 files changed, 12 insertions, 15 deletions
diff --git a/src/_vars.scss b/src/_vars.scss
index c79b917..825ec9c 100644
--- a/src/_vars.scss
+++ b/src/_vars.scss
@@ -18,21 +18,6 @@ media.$unit-intervals: (
18 18
19// 19//
20 20
21$font--main: (
22 family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif),
23 line-height: 1.5
24);
25
26$font--headline: (
27 family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif),
28 line-height: 1.2,
29 weight: 700,
30);
31
32$line-height: map-get($font--main, line-height);
33
34//
35
36@include iro.props-store(( 21@include iro.props-store((
37 --dims: ( 22 --dims: (
38 --spacing: ( 23 --spacing: (
@@ -58,6 +43,18 @@ $line-height: map-get($font--main, line-height);
58 ), 43 ),
59 ), 44 ),
60 45
46 --font: (
47 --standard: (
48 --family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif),
49 --line-height: 1.5,
50 ),
51 --headline: (
52 --family: ('IBM Plex Sans', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif),
53 --line-height: 1.2,
54 --weight: 700,
55 )
56 ),
57
61 --font-size: ( 58 --font-size: (
62 --xs: iro.fn-px-to-rem(11px), 59 --xs: iro.fn-px-to-rem(11px),
63 --sm: iro.fn-px-to-rem(13px), 60 --sm: iro.fn-px-to-rem(13px),