diff options
| author | Volpeon <git@volpeon.ink> | 2022-06-10 22:04:37 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2022-06-10 22:04:37 +0200 |
| commit | a6d3fbcfe90103ac3000d98cc97879d1c5c00915 (patch) | |
| tree | b74b04b021a8ab948c95792ef6bca653aea77be2 /src/objects | |
| parent | Update (diff) | |
| download | iro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.tar.gz iro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.tar.bz2 iro-design-a6d3fbcfe90103ac3000d98cc97879d1c5c00915.zip | |
Updated headings
Diffstat (limited to 'src/objects')
| -rw-r--r-- | src/objects/_heading.scss | 21 |
1 files changed, 4 insertions, 17 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index 77e24b4..a9e0e71 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -5,15 +5,6 @@ | |||
| 5 | 5 | ||
| 6 | @include iro.props-namespace('heading') { | 6 | @include iro.props-namespace('heading') { |
| 7 | @include iro.props-store(( | 7 | @include iro.props-store(( |
| 8 | --dims: ( | ||
| 9 | --spacing: ( | ||
| 10 | --top: fn.global-dim(--size --500), | ||
| 11 | --top-sibling: fn.global-dim(--size --325), | ||
| 12 | ), | ||
| 13 | ), | ||
| 14 | ), 'dims'); | ||
| 15 | |||
| 16 | @include iro.props-store(( | ||
| 17 | --colors: ( | 8 | --colors: ( |
| 18 | --light: fn.global-color(--fg-hi), | 9 | --light: fn.global-color(--fg-hi), |
| 19 | --strong: fn.global-color(--fg-lo), | 10 | --strong: fn.global-color(--fg-lo), |
| @@ -25,16 +16,12 @@ | |||
| 25 | @include mx.set-font(--headline); | 16 | @include mx.set-font(--headline); |
| 26 | 17 | ||
| 27 | display: block; | 18 | display: block; |
| 19 | margin-top: fn.global-dim(--heading --margin-top); | ||
| 28 | letter-spacing: normal; | 20 | letter-spacing: normal; |
| 29 | text-transform: none; | 21 | text-transform: none; |
| 30 | 22 | ||
| 31 | @include iro.bem-at-theme('typography') { | 23 | & + & { |
| 32 | margin-top: fn.dim(--spacing --top); | 24 | margin-top: fn.global-dim(--heading --margin-top-sibling); |
| 33 | margin-bottom: 0; | ||
| 34 | |||
| 35 | & + & { | ||
| 36 | margin-top: fn.dim(--spacing --top-sibling); | ||
| 37 | } | ||
| 38 | } | 25 | } |
| 39 | 26 | ||
| 40 | @include iro.bem-modifier('xxl') { | 27 | @include iro.bem-modifier('xxl') { |
| @@ -81,7 +68,7 @@ | |||
| 81 | color: fn.color(--light); | 68 | color: fn.color(--light); |
| 82 | } | 69 | } |
| 83 | 70 | ||
| 84 | @include iro.bem-elem('inner') { | 71 | @include iro.bem-elem('primary') { |
| 85 | background-image: linear-gradient( | 72 | background-image: linear-gradient( |
| 86 | to top, | 73 | to top, |
| 87 | transparent .15em, | 74 | transparent .15em, |
