diff options
author | Volpeon <git@volpeon.ink> | 2021-05-16 14:45:16 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-16 14:45:16 +0200 |
commit | 349cbedd7f2132151ed6a170cc53453b0fba363a (patch) | |
tree | 92fb94b1fa4b816e82a49b59ff956034ba50f620 /assets/css/components | |
parent | Small design adjustments (diff) | |
download | volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.tar.gz volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.tar.bz2 volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.zip |
Design
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_landing-banner.scss | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/assets/css/components/_landing-banner.scss b/assets/css/components/_landing-banner.scss index 0e44e35..f1b8595 100644 --- a/assets/css/components/_landing-banner.scss +++ b/assets/css/components/_landing-banner.scss | |||
@@ -1,8 +1,10 @@ | |||
1 | @include namespace('landing-banner') { | 1 | @include namespace('landing-banner') { |
2 | @include store(( | 2 | @include store(( |
3 | --colors: ( | 3 | --colors: ( |
4 | --emph-fg: prop(--colors --accent --color, $global: true), | 4 | --emph: ( |
5 | --emph-bg: prop(--colors --bg-hi, $global: true) | 5 | --fg: prop(--colors --accent --color, $global: true), |
6 | --bg: prop(--colors --bg-hi, $global: true) | ||
7 | ) | ||
6 | ) | 8 | ) |
7 | )); | 9 | )); |
8 | 10 | ||
@@ -21,14 +23,14 @@ | |||
21 | background-image: linear-gradient( | 23 | background-image: linear-gradient( |
22 | to top, | 24 | to top, |
23 | transparent .15em, | 25 | transparent .15em, |
24 | #{prop(--colors --emph-bg)} .15em, | 26 | #{prop(--colors --emph --bg)} .15em, |
25 | #{prop(--colors --emph-bg)} .6em, | 27 | #{prop(--colors --emph --bg)} .6em, |
26 | transparent .6em | 28 | transparent .6em |
27 | ); | 29 | ); |
28 | } | 30 | } |
29 | 31 | ||
30 | @include element('emph') { | 32 | @include element('emph') { |
31 | color: prop(--colors --emph-fg); | 33 | color: prop(--colors --emph --fg); |
32 | font-weight: 550; | 34 | font-weight: 550; |
33 | } | 35 | } |
34 | 36 | ||