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/scopes | |
| 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/scopes')
| -rw-r--r-- | src/scopes/_headings.scss | 29 |
1 files changed, 18 insertions, 11 deletions
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 58bac7f..fc4991a 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
| @@ -21,17 +21,17 @@ | |||
| 21 | 21 | ||
| 22 | h1 { | 22 | h1 { |
| 23 | color: fn.foreign-color(--heading, --strong); | 23 | color: fn.foreign-color(--heading, --strong); |
| 24 | font-size: fn.global-dim(--font-size --900); | 24 | font-size: fn.global-dim(--font-size --400); |
| 25 | } | 25 | } |
| 26 | 26 | ||
| 27 | h2 { | 27 | h2 { |
| 28 | color: fn.foreign-color(--heading, --strong); | 28 | color: fn.foreign-color(--heading, --strong); |
| 29 | font-size: fn.global-dim(--font-size --600); | 29 | font-size: fn.global-dim(--font-size --300); |
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | h3 { | 32 | h3 { |
| 33 | color: fn.foreign-color(--heading, --strong); | 33 | color: fn.foreign-color(--heading, --strong); |
| 34 | font-size: fn.global-dim(--font-size --300); | 34 | font-size: fn.global-dim(--font-size --200); |
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | h4 { | 37 | h4 { |
| @@ -65,14 +65,21 @@ | |||
| 65 | color: fn.foreign-color(--heading, --light); | 65 | color: fn.foreign-color(--heading, --light); |
| 66 | } | 66 | } |
| 67 | 67 | ||
| 68 | @include iro.bem-elem('primary') { | 68 | @include iro.bem-modifier('display') { |
| 69 | background-image: linear-gradient( | 69 | h1 { |
| 70 | to top, | 70 | color: fn.foreign-color(--heading, --strong); |
| 71 | transparent .15em, | 71 | font-size: fn.global-dim(--font-size --900); |
| 72 | fn.foreign-color(--heading, --bg) .15em, | 72 | } |
| 73 | fn.foreign-color(--heading, --bg) .6em, | 73 | |
| 74 | transparent .6em | 74 | h2 { |
| 75 | ); | 75 | color: fn.foreign-color(--heading, --strong); |
| 76 | font-size: fn.global-dim(--font-size --600); | ||
| 77 | } | ||
| 78 | |||
| 79 | h3 { | ||
| 80 | color: fn.foreign-color(--heading, --strong); | ||
| 81 | font-size: fn.global-dim(--font-size --300); | ||
| 82 | } | ||
| 76 | } | 83 | } |
| 77 | } | 84 | } |
| 78 | } | 85 | } |