From 74507eff30d3b18f25b913cb0626690be34095e0 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Jul 2025 06:49:47 +0200 Subject: Improve card --- src/objects/_card.scss | 3 ++- src/objects/_card.vars.scss | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) (limited to 'src/objects') diff --git a/src/objects/_card.scss b/src/objects/_card.scss index d5d300d..6b80e2f 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss @@ -14,6 +14,7 @@ position: relative; display: flex; flex-direction: column; + background-clip: content-box; background-color: props.get(vars.$bg-color); border: props.get(vars.$border-width) solid transparent; border-color: props.get(vars.$border-color); @@ -189,7 +190,7 @@ inset-inline: calc(-1 * props.get(vars.$border-width)); z-index: 10; visibility: hidden; - background-color: props.get(vars.$bg-color); + background-color: props.get(vars.$hover--bg-color); border-width: 0 props.get(vars.$border-width) props.get(vars.$border-width); border-color: transparent; border-style: solid; diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 9810239..c5bbc0d 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss @@ -22,7 +22,7 @@ $bg-color: props.def(--o-card--bg-color, props.get(core.$theme, --bg-l2), ' $border-color: props.def(--o-card--border-color, props.get(core.$theme, --box, --border), 'color') !default; $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; -$hover--bg-color: props.def(--o-card--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default; +$hover--bg-color: props.def(--o-card--hover--bg-color, color-mix(in lch, props.get($bg-color), props.get(core.$theme, --border-mute)), 'color') !default; $hover--border-color: props.def(--o-card--hover--border-color, props.get(core.$theme, --border), 'color') !default; $key-focus--label-color: props.def(--o-card--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default; -- cgit v1.2.3-70-g09d2