diff options
| author | Volpeon <git@volpeon.ink> | 2023-02-24 09:04:52 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2023-02-24 09:04:52 +0100 |
| commit | fa9361f7d4f2c2b494fc36b23cca337609a8160d (patch) | |
| tree | 6ab91d04b43f54395ae9debbb582e743cf87542d /src | |
| parent | Update (diff) | |
| download | iro-design-fa9361f7d4f2c2b494fc36b23cca337609a8160d.tar.gz iro-design-fa9361f7d4f2c2b494fc36b23cca337609a8160d.tar.bz2 iro-design-fa9361f7d4f2c2b494fc36b23cca337609a8160d.zip | |
Re-add heading highlight
Diffstat (limited to 'src')
| -rw-r--r-- | src/objects/_heading.scss | 10 | ||||
| -rw-r--r-- | src/scopes/_headings.scss | 10 |
2 files changed, 20 insertions, 0 deletions
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss index b6ae3a4..7cfd9af 100644 --- a/src/objects/_heading.scss +++ b/src/objects/_heading.scss | |||
| @@ -25,6 +25,16 @@ | |||
| 25 | margin-top: fn.global-dim(--heading --margin-top-sibling); | 25 | margin-top: fn.global-dim(--heading --margin-top-sibling); |
| 26 | } | 26 | } |
| 27 | 27 | ||
| 28 | @include iro.bem-elem('highlight') { | ||
| 29 | background-image: linear-gradient( | ||
| 30 | to top, | ||
| 31 | transparent .15em, | ||
| 32 | fn.color(--bg) .15em, | ||
| 33 | fn.color(--bg) .6em, | ||
| 34 | transparent .6em | ||
| 35 | ); | ||
| 36 | } | ||
| 37 | |||
| 28 | @include iro.bem-modifier('xxl') { | 38 | @include iro.bem-modifier('xxl') { |
| 29 | @include mx.heading-strong(fn.global-dim(--heading --lg)); | 39 | @include mx.heading-strong(fn.global-dim(--heading --lg)); |
| 30 | } | 40 | } |
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss index 5b05b45..2f97ec5 100644 --- a/src/scopes/_headings.scss +++ b/src/scopes/_headings.scss | |||
| @@ -34,6 +34,16 @@ | |||
| 34 | @include mx.heading-faint(fn.global-dim(--heading --sm)); | 34 | @include mx.heading-faint(fn.global-dim(--heading --sm)); |
| 35 | } | 35 | } |
| 36 | 36 | ||
| 37 | @include iro.bem-elem('highlight') { | ||
| 38 | background-image: linear-gradient( | ||
| 39 | to top, | ||
| 40 | transparent .15em, | ||
| 41 | fn.color(--bg) .15em, | ||
| 42 | fn.color(--bg) .6em, | ||
| 43 | transparent .6em | ||
| 44 | ); | ||
| 45 | } | ||
| 46 | |||
| 37 | @include iro.bem-modifier('display') { | 47 | @include iro.bem-modifier('display') { |
| 38 | h1, | 48 | h1, |
| 39 | h2, | 49 | h2, |