From f75839fbd1b103bf849b4b6636fa03cc50bb9402 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 2 Mar 2026 19:48:29 +0100 Subject: Add highlight mod to o-card --- src/objects/_card.vars.scss | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'src/objects/_card.vars.scss') diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 1e6448a..c828e93 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss @@ -28,6 +28,15 @@ $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; +$highlight--shadow-x: props.def(--o-card--highlight--shadow-x, props.get(core.$shadow--l2--x)) !default; +$highlight--shadow-y: props.def(--o-card--highlight--shadow-y, props.get(core.$shadow--l2--y)) !default; +$highlight--shadow-blur: props.def(--o-card--highlight--shadow-blur, props.get(core.$shadow--l2--blur)) !default; +$highlight--shadow-grow: props.def(--o-card--highlight--shadow-grow, props.get(core.$shadow--l2--grow)) !default; + +$highlight--border-width: props.def(--o-card--highlight--border-width, props.get(core.$border-width--medium)) !default; +$highlight--border-color: props.def(--o-card--highlight--border-color, props.get(core.$theme, --accent, --700), 'color') !default; +$highlight--shadow-color: props.def(--o-card--highlight--shadow-color, props.get(core.$theme, --accent, --200), '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; -- cgit v1.2.3-70-g09d2