summaryrefslogtreecommitdiffstats
path: root/src/objects/_heading.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_heading.scss')
-rw-r--r--src/objects/_heading.scss22
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 }