diff options
author | Volpeon <git@volpeon.ink> | 2021-05-12 20:46:57 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-12 20:46:57 +0200 |
commit | 284a1ebb32367a63e6058a2333c9a4c03387915d (patch) | |
tree | 5570341117b3533f24f61be94a3a5bb7542c5bc9 | |
parent | Brought back ASCII fox (diff) | |
download | volpeon.ink-284a1ebb32367a63e6058a2333c9a4c03387915d.tar.gz volpeon.ink-284a1ebb32367a63e6058a2333c9a4c03387915d.tar.bz2 volpeon.ink-284a1ebb32367a63e6058a2333c9a4c03387915d.zip |
Design
-rw-r--r-- | assets/css/components/_card.scss | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 1b46373..6d06401 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
@@ -7,6 +7,7 @@ | |||
7 | ), | 7 | ), |
8 | --colors: ( | 8 | --colors: ( |
9 | --bg: prop(--colors --bg-lo, $global: true), | 9 | --bg: prop(--colors --bg-lo, $global: true), |
10 | --fg: prop(--colors --fg, $global: true), | ||
10 | --hover: ( | 11 | --hover: ( |
11 | --bg: prop(--colors --fg-lo, $global: true), | 12 | --bg: prop(--colors --fg-lo, $global: true), |
12 | --fg: prop(--colors --bg-hi, $global: true), | 13 | --fg: prop(--colors --bg-hi, $global: true), |
@@ -21,6 +22,7 @@ | |||
21 | transform: translateY(0); | 22 | transform: translateY(0); |
22 | transition: transform .2s, background-color .2s, color .2s; | 23 | transition: transform .2s, background-color .2s, color .2s; |
23 | background-color: prop(--colors --bg); | 24 | background-color: prop(--colors --bg); |
25 | color: prop(--colors --fg); | ||
24 | line-height: 1.4; | 26 | line-height: 1.4; |
25 | 27 | ||
26 | &::after { | 28 | &::after { |
@@ -40,7 +42,6 @@ | |||
40 | 42 | ||
41 | &:link, | 43 | &:link, |
42 | &:visited { | 44 | &:visited { |
43 | color: currentColor; | ||
44 | text-decoration: none; | 45 | text-decoration: none; |
45 | 46 | ||
46 | &:hover, | 47 | &:hover, |
@@ -52,7 +53,7 @@ | |||
52 | &::after { | 53 | &::after { |
53 | display: block; | 54 | display: block; |
54 | } | 55 | } |
55 | 56 | ||
56 | small, | 57 | small, |
57 | strong { | 58 | strong { |
58 | color: currentColor; | 59 | color: currentColor; |