diff options
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 | ||
