summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/components/_card.scss15
1 files changed, 14 insertions, 1 deletions
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 5c2efa4..5d36e7e 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -33,7 +33,7 @@
33 display: block; 33 display: block;
34 position: relative; 34 position: relative;
35 transform: translateY(0); 35 transform: translateY(0);
36 transition: transform .2s, background-color .2s, color .2s; 36 transition: transform .2s, background-color .2s, color .2s, border-color .2s;
37 background-color: prop(--colors --bg); 37 background-color: prop(--colors --bg);
38 box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true); 38 box-shadow: prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
39 color: prop(--colors --fg); 39 color: prop(--colors --fg);
@@ -93,6 +93,19 @@
93 } 93 }
94 } 94 }
95 95
96 @include modifier('outline') {
97 border: 1px solid prop(--colors --border);
98 background-color: transparent;
99
100 &:link,
101 &:visited {
102 &:hover,
103 &:focus {
104 border-color: transparent;
105 }
106 }
107 }
108
96 @include element('row') { 109 @include element('row') {
97 display: flex; 110 display: flex;
98 align-items: center; 111 align-items: center;