Improved 'items omitted' link

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 @@
         display:          block;
         position:         relative;
         transform:        translateY(0);
-        transition:       transform .2s, background-color .2s, color .2s;
+        transition:       transform .2s, background-color .2s, color .2s, border-color .2s;
         background-color: prop(--colors --bg);
         box-shadow:       prop(--dims --obj-shadow, $global: true) prop(--colors --obj-shadow, $global: true);
         color:            prop(--colors --fg);
@@ -93,6 +93,19 @@
             }
         }
 
+        @include modifier('outline') {
+            border:           1px solid prop(--colors --border);
+            background-color: transparent;
+
+            &:link,
+            &:visited {
+                &:hover,
+                &:focus {
+                    border-color: transparent;
+                }
+            }
+        }
+
         @include element('row') {
             display:     flex;
             align-items: center;