diff options
Diffstat (limited to 'assets/css/scopes/_headlines.scss')
| -rw-r--r-- | assets/css/scopes/_headlines.scss | 23 |
1 files changed, 22 insertions, 1 deletions
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss index dcd8024..03d6be1 100644 --- a/assets/css/scopes/_headlines.scss +++ b/assets/css/scopes/_headlines.scss | |||
| @@ -2,11 +2,20 @@ | |||
| 2 | @include store(( | 2 | @include store(( |
| 3 | --colors: ( | 3 | --colors: ( |
| 4 | --emph: ( | 4 | --emph: ( |
| 5 | --bg: prop(--colors --bg-hi, $global: true), | 5 | --bg: prop(--colors --bg-hi, $global: true), |
| 6 | --body-bg: prop(--colors --bg-hi, $global: true), | ||
| 6 | ) | 7 | ) |
| 7 | ) | 8 | ) |
| 8 | )); | 9 | )); |
| 9 | 10 | ||
| 11 | @include store(( | ||
| 12 | --colors: ( | ||
| 13 | --emph: ( | ||
| 14 | --body-bg: prop(--colors --bg, $global: true), | ||
| 15 | ) | ||
| 16 | ) | ||
| 17 | ), 'light'); | ||
| 18 | |||
| 10 | @include scope(namespace()) { | 19 | @include scope(namespace()) { |
| 11 | h1, | 20 | h1, |
| 12 | h2, | 21 | h2, |
| @@ -70,5 +79,17 @@ | |||
| 70 | transparent .6em | 79 | transparent .6em |
| 71 | ); | 80 | ); |
| 72 | } | 81 | } |
| 82 | |||
| 83 | @include modifier('body') { | ||
| 84 | @include element('title-inner') { | ||
| 85 | background-image: linear-gradient( | ||
| 86 | to top, | ||
| 87 | transparent .15em, | ||
| 88 | #{prop(--colors --emph --body-bg)} .15em, | ||
| 89 | #{prop(--colors --emph --body-bg)} .6em, | ||
| 90 | transparent .6em | ||
| 91 | ); | ||
| 92 | } | ||
| 93 | } | ||
| 73 | } | 94 | } |
| 74 | } | 95 | } |
