diff options
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_heading.scss | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 6264072..56d4987 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
@@ -27,17 +27,17 @@ | |||
27 | 27 | ||
28 | @include iro.bem-modifier('xxl') { | 28 | @include iro.bem-modifier('xxl') { |
29 | color: fn.color(--strong); | 29 | color: fn.color(--strong); |
30 | font-size: fn.global-dim(--font-size --900); | 30 | font-size: fn.global-dim(--font-size --400); |
31 | } | 31 | } |
32 | 32 | ||
33 | @include iro.bem-modifier('xl') { | 33 | @include iro.bem-modifier('xl') { |
34 | color: fn.color(--strong); | 34 | color: fn.color(--strong); |
35 | font-size: fn.global-dim(--font-size --600); | 35 | font-size: fn.global-dim(--font-size --300); |
36 | } | 36 | } |
37 | 37 | ||
38 | @include iro.bem-modifier('lg') { | 38 | @include iro.bem-modifier('lg') { |
39 | color: fn.color(--strong); | 39 | color: fn.color(--strong); |
40 | font-size: fn.global-dim(--font-size --300); | 40 | font-size: fn.global-dim(--font-size --200); |
41 | } | 41 | } |
42 | 42 | ||
43 | @include iro.bem-modifier('md') { | 43 | @include iro.bem-modifier('md') { |
@@ -71,14 +71,21 @@ | |||
71 | color: fn.color(--light); | 71 | color: fn.color(--light); |
72 | } | 72 | } |
73 | 73 | ||
74 | @include iro.bem-elem('primary') { | 74 | @include iro.bem-modifier('display') { |
75 | background-image: linear-gradient( | 75 | @include iro.bem-modifier('xxl') { |
76 | to top, | 76 | color: fn.foreign-color(--heading, --strong); |
77 | transparent .15em, | 77 | font-size: fn.global-dim(--font-size --900); |
78 | fn.color(--bg) .15em, | 78 | } |
79 | fn.color(--bg) .6em, | 79 | |
80 | transparent .6em | 80 | @include iro.bem-modifier('xl') { |
81 | ); | 81 | color: fn.foreign-color(--heading, --strong); |
82 | font-size: fn.global-dim(--font-size --600); | ||
83 | } | ||
84 | |||
85 | @include iro.bem-modifier('l') { | ||
86 | color: fn.foreign-color(--heading, --strong); | ||
87 | font-size: fn.global-dim(--font-size --300); | ||
88 | } | ||
82 | } | 89 | } |
83 | } | 90 | } |
84 | } | 91 | } |