CSS/Markup improvements

1 files changed, 16 insertions, 0 deletions

diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index 066a00d..0a64f1f 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -13,6 +13,7 @@
             --bg:     prop(--colors --bg-lo, $global: true),
             --fg:     prop(--colors --fg, $global: true),
             --unread: prop(--colors --bg, $global: true),
+            --border: prop(--colors --obj-hi, $global: true),
             --hover: (
                 --bg: prop(--colors --fg-lo, $global: true),
                 --fg: prop(--colors --bg-hi, $global: true),
@@ -24,6 +25,7 @@
         --colors: (
             --bg:     prop(--colors --bg-hi, $global: true),
             --unread: prop(--colors --bg-lo, $global: true),
+            --border: prop(--colors --bg-lo, $global: true),
         )
     ), 'light');
 
@@ -98,6 +100,20 @@
                 width:       100%;
             }
 
+            /*@include modifier('separator') {
+                align-self:     stretch;
+                padding-top:    0;
+                padding-bottom: 0;
+
+                &::before {
+                    content:          '';
+                    display:          block;
+                    width:            1px;
+                    height:           100%;
+                    background-color: prop(--colors --border);
+                }
+            }*/
+
             @include modifier('indicator') {
                 transition: color .2s;
                 color:      prop(--colors --unread);