diff options
Diffstat (limited to 'src/objects/_heading.scss')
-rw-r--r-- | src/objects/_heading.scss | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 393fe14..7d67a87 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -7,17 +7,17 @@ | |||
7 | @include iro.props-store(( | 7 | @include iro.props-store(( |
8 | --dims: ( | 8 | --dims: ( |
9 | --in-page-margin: ( | 9 | --in-page-margin: ( |
10 | --top: fn.dim(--spacing --y --lg, $global: true), | 10 | --top: fn.global-dim(--spacing --y --lg), |
11 | --top-sibling: fn.dim(--spacing --y --md, $global: true), | 11 | --top-sibling: fn.global-dim(--spacing --y --md), |
12 | --bottom: fn.dim(--spacing --y --sm, $global: true), | 12 | --bottom: fn.global-dim(--spacing --y --sm), |
13 | ), | 13 | ), |
14 | ), | 14 | ), |
15 | ), 'dims'); | 15 | ), 'dims'); |
16 | 16 | ||
17 | @include iro.props-store(( | 17 | @include iro.props-store(( |
18 | --colors: ( | 18 | --colors: ( |
19 | --light: fn.color(--fg-hi, $global: true), | 19 | --light: fn.global-color(--fg-hi), |
20 | --strong: fn.color(--fg-lo, $global: true), | 20 | --strong: fn.global-color(--fg-lo), |
21 | ), | 21 | ), |
22 | ), 'colors'); | 22 | ), 'colors'); |
23 | 23 | ||
@@ -34,29 +34,29 @@ | |||
34 | 34 | ||
35 | @include iro.bem-modifier('xxl') { | 35 | @include iro.bem-modifier('xxl') { |
36 | color: fn.color(--strong); | 36 | color: fn.color(--strong); |
37 | font-size: fn.dim(--font-size --xxxl, $global: true); | 37 | font-size: fn.global-dim(--font-size --xxxl); |
38 | } | 38 | } |
39 | 39 | ||
40 | @include iro.bem-modifier('xl') { | 40 | @include iro.bem-modifier('xl') { |
41 | color: fn.color(--strong); | 41 | color: fn.color(--strong); |
42 | font-size: fn.dim(--font-size --xxl, $global: true); | 42 | font-size: fn.global-dim(--font-size --xxl); |
43 | } | 43 | } |
44 | 44 | ||
45 | @include iro.bem-modifier('lg') { | 45 | @include iro.bem-modifier('lg') { |
46 | color: fn.color(--strong); | 46 | color: fn.color(--strong); |
47 | font-size: fn.dim(--font-size --xl, $global: true); | 47 | font-size: fn.global-dim(--font-size --xl); |
48 | } | 48 | } |
49 | 49 | ||
50 | @include iro.bem-modifier('md') { | 50 | @include iro.bem-modifier('md') { |
51 | color: fn.color(--strong); | 51 | color: fn.color(--strong); |
52 | font-size: fn.dim(--font-size --lg, $global: true); | 52 | font-size: fn.global-dim(--font-size --lg); |
53 | } | 53 | } |
54 | 54 | ||
55 | @include iro.bem-modifier('sm') { | 55 | @include iro.bem-modifier('sm') { |
56 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 56 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); |
57 | 57 | ||
58 | color: fn.color(--strong); | 58 | color: fn.color(--strong); |
59 | font-size: fn.dim(--font-size --md, $global: true); | 59 | font-size: fn.global-dim(--font-size --md); |
60 | font-weight: 500; | 60 | font-weight: 500; |
61 | } | 61 | } |
62 | 62 | ||
@@ -64,7 +64,7 @@ | |||
64 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); | 64 | @include typography.set-font($font--main, (line-height: map-get(vars.$font--headline, line-height))); |
65 | 65 | ||
66 | color: fn.color(--light); | 66 | color: fn.color(--light); |
67 | font-size: fn.dim(--font-size --xs, $global: true); | 67 | font-size: fn.global-dim(--font-size --xs); |
68 | font-weight: 500; | 68 | font-weight: 500; |
69 | text-transform: uppercase; | 69 | text-transform: uppercase; |
70 | } | 70 | } |