diff options
author | Volpeon <git@volpeon.ink> | 2021-05-12 08:58:19 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-12 08:58:19 +0200 |
commit | 87fbb058af5d3f6d4cfc5bcb2da4fa9a99b3b627 (patch) | |
tree | a308dd87c95ba0cd2f2673fe833660f784c4f245 /assets/css/components/_card.scss | |
parent | Design update (diff) | |
download | volpeon.ink-87fbb058af5d3f6d4cfc5bcb2da4fa9a99b3b627.tar.gz volpeon.ink-87fbb058af5d3f6d4cfc5bcb2da4fa9a99b3b627.tar.bz2 volpeon.ink-87fbb058af5d3f6d4cfc5bcb2da4fa9a99b3b627.zip |
Design
Diffstat (limited to 'assets/css/components/_card.scss')
-rw-r--r-- | assets/css/components/_card.scss | 15 |
1 files changed, 6 insertions, 9 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index f444daf..1b46373 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss | |||
@@ -14,13 +14,6 @@ | |||
14 | ) | 14 | ) |
15 | )); | 15 | )); |
16 | 16 | ||
17 | @include store(( | ||
18 | --dims: ( | ||
19 | --pad-x: 1em, | ||
20 | --pad-y: .7em | ||
21 | ) | ||
22 | ), 'md'); | ||
23 | |||
24 | @include component(namespace()) { | 17 | @include component(namespace()) { |
25 | display: flex; | 18 | display: flex; |
26 | position: relative; | 19 | position: relative; |
@@ -42,7 +35,7 @@ | |||
42 | 35 | ||
43 | small, | 36 | small, |
44 | strong { | 37 | strong { |
45 | transition: background-color .2s, color .2s; | 38 | transition: color .2s; |
46 | } | 39 | } |
47 | 40 | ||
48 | &:link, | 41 | &:link, |
@@ -62,7 +55,7 @@ | |||
62 | 55 | ||
63 | small, | 56 | small, |
64 | strong { | 57 | strong { |
65 | color: prop(--colors --hover --fg); | 58 | color: currentColor; |
66 | } | 59 | } |
67 | } | 60 | } |
68 | } | 61 | } |
@@ -72,6 +65,10 @@ | |||
72 | width: 100%; | 65 | width: 100%; |
73 | padding: prop(--dims --pad-y) prop(--dims --pad-x); | 66 | padding: prop(--dims --pad-y) prop(--dims --pad-x); |
74 | 67 | ||
68 | @include next-twin-element { | ||
69 | width: auto; | ||
70 | } | ||
71 | |||
75 | @include modifier('flip') { | 72 | @include modifier('flip') { |
76 | visibility: hidden; | 73 | visibility: hidden; |
77 | position: absolute; | 74 | position: absolute; |