diff options
author | Volpeon <git@volpeon.ink> | 2021-05-15 18:11:24 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-15 18:11:24 +0200 |
commit | 055093d463a1d58bd412df1bfe189e27909f8adc (patch) | |
tree | c79a947abb33bda259fe7df113018440eb929f3a /assets/css/components/_card.scss | |
parent | Moved ASCII fox from page list header to general footer (diff) | |
download | volpeon.ink-055093d463a1d58bd412df1bfe189e27909f8adc.tar.gz volpeon.ink-055093d463a1d58bd412df1bfe189e27909f8adc.tar.bz2 volpeon.ink-055093d463a1d58bd412df1bfe189e27909f8adc.zip |
Added light theme
Diffstat (limited to 'assets/css/components/_card.scss')
-rw-r--r-- | assets/css/components/_card.scss | 7 |
1 files changed, 7 insertions, 0 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index fd897a7..eeaa7c1 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
@@ -15,6 +15,12 @@ | |||
15 | ) | 15 | ) |
16 | )); | 16 | )); |
17 | 17 | ||
18 | @include store(( | ||
19 | --colors: ( | ||
20 | --bg: prop(--colors --bg-hi, $global: true), | ||
21 | ) | ||
22 | ), 'light'); | ||
23 | |||
18 | @include component(namespace()) { | 24 | @include component(namespace()) { |
19 | display: flex; | 25 | display: flex; |
20 | position: relative; | 26 | position: relative; |
@@ -22,6 +28,7 @@ | |||
22 | transform: translateY(0); | 28 | transform: translateY(0); |
23 | transition: transform .2s, background-color .2s, color .2s; | 29 | transition: transform .2s, background-color .2s, color .2s; |
24 | background-color: prop(--colors --bg); | 30 | background-color: prop(--colors --bg); |
31 | box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true); | ||
25 | color: prop(--colors --fg); | 32 | color: prop(--colors --fg); |
26 | line-height: 1.4; | 33 | line-height: 1.4; |
27 | 34 | ||