summaryrefslogtreecommitdiffstats
path: root/assets/css/components/_card.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/components/_card.scss')
-rw-r--r--assets/css/components/_card.scss15
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;