diff options
Diffstat (limited to 'assets/css')
-rw-r--r-- | assets/css/components/_card.scss | 15 |
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; |