diff options
Diffstat (limited to 'assets')
| -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; |
