diff options
| author | Volpeon <git@volpeon.ink> | 2023-01-10 15:24:44 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-01-10 15:24:44 +0100 |
| commit | 992332a0a02519f1155eca113353aa7dafe362ec (patch) | |
| tree | 4504e14ba2700357fbb6cccb38e34478880e7251 /src/objects | |
| parent | Fix lightbox thumbnails when viewport too narrow (diff) | |
| download | iro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.gz iro-design-992332a0a02519f1155eca113353aa7dafe362ec.tar.bz2 iro-design-992332a0a02519f1155eca113353aa7dafe362ec.zip | |
Added smaller set of headings
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 | } |