From 6662a2dfb60cd24a60225c40a91f3ba9019b718d Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sun, 20 Jun 2021 17:30:37 +0200 Subject: CSS/Markup improvements --- assets/css/components/_card.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'assets/css/components/_card.scss') 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); -- cgit v1.2.3-54-g00ecf