diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-10 22:51:57 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-10 22:51:57 +0200 |
| commit | 78787ed4b378f45d302ee3fc415cda8705696b5b (patch) | |
| tree | b547d4186d1ac0c4ed3f45459d590ca5b2ea402a /src | |
| parent | Update (diff) | |
| download | iro-design-78787ed4b378f45d302ee3fc415cda8705696b5b.tar.gz iro-design-78787ed4b378f45d302ee3fc415cda8705696b5b.tar.bz2 iro-design-78787ed4b378f45d302ee3fc415cda8705696b5b.zip | |
Update
Diffstat (limited to 'src')
| -rw-r--r-- | src/_base.scss | 2 | ||||
| -rw-r--r-- | src/objects/_heading.scss | 10 | ||||
| -rw-r--r-- | src/scopes/_headings.scss | 10 |
3 files changed, 11 insertions, 11 deletions
diff --git a/src/_base.scss b/src/_base.scss index 8cba1fb..651a855 100644 --- a/src/_base.scss +++ b/src/_base.scss | |||
| @@ -47,7 +47,7 @@ h5, | |||
| 47 | h6 { | 47 | h6 { |
| 48 | margin: fn.dim(--heading --margin-top) 0 0; | 48 | margin: fn.dim(--heading --margin-top) 0 0; |
| 49 | color: fn.color(--fg-lo); | 49 | color: fn.color(--fg-lo); |
| 50 | font-size: fn.dim(--font-size --100); | 50 | font-size: fn.dim(--font-size --75); |
| 51 | font-weight: bold; | 51 | font-weight: bold; |
| 52 | letter-spacing: 1px; | 52 | letter-spacing: 1px; |
| 53 | text-transform: uppercase; | 53 | text-transform: uppercase; |
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index a9e0e71..e73b074 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -26,28 +26,28 @@ | |||
| 26 | 26 | ||
| 27 | @include iro.bem-modifier('xxl') { | 27 | @include iro.bem-modifier('xxl') { |
| 28 | color: fn.color(--strong); | 28 | color: fn.color(--strong); |
| 29 | font-size: fn.global-dim(--font-size --1000); | 29 | font-size: fn.global-dim(--font-size --900); |
| 30 | } | 30 | } |
| 31 | 31 | ||
| 32 | @include iro.bem-modifier('xl') { | 32 | @include iro.bem-modifier('xl') { |
| 33 | color: fn.color(--strong); | 33 | color: fn.color(--strong); |
| 34 | font-size: fn.global-dim(--font-size --700); | 34 | font-size: fn.global-dim(--font-size --600); |
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | @include iro.bem-modifier('lg') { | 37 | @include iro.bem-modifier('lg') { |
| 38 | color: fn.color(--strong); | 38 | color: fn.color(--strong); |
| 39 | font-size: fn.global-dim(--font-size --400); | 39 | font-size: fn.global-dim(--font-size --300); |
| 40 | } | 40 | } |
| 41 | 41 | ||
| 42 | @include iro.bem-modifier('md') { | 42 | @include iro.bem-modifier('md') { |
| 43 | color: fn.color(--strong); | 43 | color: fn.color(--strong); |
| 44 | font-size: fn.global-dim(--font-size --200); | 44 | font-size: fn.global-dim(--font-size --150); |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | @include iro.bem-modifier('sm') { | 47 | @include iro.bem-modifier('sm') { |
| 48 | @include mx.set-font(--standard, ( | 48 | @include mx.set-font(--standard, ( |
| 49 | --line-height: null, | 49 | --line-height: null, |
| 50 | --size: fn.global-dim(--font-size --100), | 50 | --size: fn.global-dim(--font-size --75), |
| 51 | --weight: bold, | 51 | --weight: bold, |
| 52 | --transform: uppercase, | 52 | --transform: uppercase, |
| 53 | --spacing: 1px | 53 | --spacing: 1px |
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index b1ef537..2e7d88f 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
| @@ -20,28 +20,28 @@ | |||
| 20 | 20 | ||
| 21 | h1 { | 21 | h1 { |
| 22 | color: fn.foreign-color(--heading, --strong); | 22 | color: fn.foreign-color(--heading, --strong); |
| 23 | font-size: fn.global-dim(--font-size --1000); | 23 | font-size: fn.global-dim(--font-size --900); |
| 24 | } | 24 | } |
| 25 | 25 | ||
| 26 | h2 { | 26 | h2 { |
| 27 | color: fn.foreign-color(--heading, --strong); | 27 | color: fn.foreign-color(--heading, --strong); |
| 28 | font-size: fn.global-dim(--font-size --700); | 28 | font-size: fn.global-dim(--font-size --600); |
| 29 | } | 29 | } |
| 30 | 30 | ||
| 31 | h3 { | 31 | h3 { |
| 32 | color: fn.foreign-color(--heading, --strong); | 32 | color: fn.foreign-color(--heading, --strong); |
| 33 | font-size: fn.global-dim(--font-size --400); | 33 | font-size: fn.global-dim(--font-size --300); |
| 34 | } | 34 | } |
| 35 | 35 | ||
| 36 | h4 { | 36 | h4 { |
| 37 | color: fn.foreign-color(--heading, --strong); | 37 | color: fn.foreign-color(--heading, --strong); |
| 38 | font-size: fn.global-dim(--font-size --200); | 38 | font-size: fn.global-dim(--font-size --150); |
| 39 | } | 39 | } |
| 40 | 40 | ||
| 41 | h5 { | 41 | h5 { |
| 42 | @include mx.set-font(--standard, ( | 42 | @include mx.set-font(--standard, ( |
| 43 | --line-height: null, | 43 | --line-height: null, |
| 44 | --size: fn.global-dim(--font-size --100), | 44 | --size: fn.global-dim(--font-size --75), |
| 45 | --weight: bold, | 45 | --weight: bold, |
| 46 | --transform: uppercase, | 46 | --transform: uppercase, |
| 47 | --spacing: 1px | 47 | --spacing: 1px |