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, 9 insertions, 6 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 6260518..bb8b4d2 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -12,6 +12,13 @@
12 ) 12 )
13 )); 13 ));
14 14
15 @include store((
16 --dims: (
17 --pad-x: .9em,
18 --pad-y: .6em
19 )
20 ), 'md');
21
15 @include component(namespace()) { 22 @include component(namespace()) {
16 display: flex; 23 display: flex;
17 position: relative; 24 position: relative;
@@ -29,9 +36,7 @@
29 @include element('content') { 36 @include element('content') {
30 @include modifier('flip') { 37 @include modifier('flip') {
31 visibility: visible; 38 visibility: visible;
32 transition: 39 transition: visibility 0s, opacity .2s;
33 visibility 0s,
34 opacity .2s;
35 opacity: 1; 40 opacity: 1;
36 } 41 }
37 } 42 }
@@ -48,9 +53,7 @@
48 top: 0; 53 top: 0;
49 left: 0; 54 left: 0;
50 height: 100%; 55 height: 100%;
51 transition: 56 transition: visibility 0s linear .2s, opacity .2s;
52 visibility 0s linear .2s,
53 opacity .2s;
54 opacity: 0; 57 opacity: 0;
55 background-color: prop(--colors --flip --bg); 58 background-color: prop(--colors --flip --bg);
56 } 59 }