From 3b90048ff3592e2a5630a97f611106aa06be1cb6 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 21 Jul 2025 21:25:30 +0200 Subject: Improved card and card list --- src/objects/_card.vars.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/objects/_card.vars.scss') diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 4f5cf40..ca603be 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss @@ -3,6 +3,8 @@ @use '../core.vars' as core; $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; +$border-width: props.def(--o-card--border-width, props.get(core.$border-width--thin)) !default; +$sub-border-width: props.def(--o-card--sub-border-width, props.get(core.$border-width--thick)) !default; $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !default; $pad-b: props.def(--o-card--pad-b, props.get(core.$size--250)) !default; $spacing: props.def(--o-card--spacing, props.get(core.$size--200)) !default; @@ -20,6 +22,9 @@ $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, --border-mute), 'color') !default; $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; +$hover--border-color: props.def(--o-card--hover--border-color, props.get(core.$theme, --border-strong), 'color') !default; +$hover--sub-border-color: props.def(--o-card--hover--sub-border-color, props.get(core.$theme, --focus, --outline), 'color') !default; + $key-focus--label-color: props.def(--o-card--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default; $key-focus--border-color: props.def(--o-card--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default; $key-focus--outline-color: props.def(--o-card--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default; -- cgit v1.3.1