diff options
| author | Volpeon <git@volpeon.ink> | 2026-03-02 19:48:29 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2026-03-02 19:48:29 +0100 |
| commit | f75839fbd1b103bf849b4b6636fa03cc50bb9402 (patch) | |
| tree | 04b14afa1203e41d85293f6bfdd59b4ce4a6e051 /src/objects/_card.vars.scss | |
| parent | Fix focus style for collapse cards (diff) | |
| download | iro-design-f75839fbd1b103bf849b4b6636fa03cc50bb9402.tar.gz iro-design-f75839fbd1b103bf849b4b6636fa03cc50bb9402.tar.bz2 iro-design-f75839fbd1b103bf849b4b6636fa03cc50bb9402.zip | |
Add highlight mod to o-card
Diffstat (limited to 'src/objects/_card.vars.scss')
| -rw-r--r-- | src/objects/_card.vars.scss | 9 |
1 files changed, 9 insertions, 0 deletions
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), ' | |||
| 28 | $border-color: props.def(--o-card--border-color, props.get(core.$theme, --box, --border), 'color') !default; | 28 | $border-color: props.def(--o-card--border-color, props.get(core.$theme, --box, --border), 'color') !default; |
| 29 | $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; | 29 | $divider-color: props.def(--o-card--divider-color, props.get(core.$theme, --border-mute), 'color') !default; |
| 30 | 30 | ||
| 31 | $highlight--shadow-x: props.def(--o-card--highlight--shadow-x, props.get(core.$shadow--l2--x)) !default; | ||
| 32 | $highlight--shadow-y: props.def(--o-card--highlight--shadow-y, props.get(core.$shadow--l2--y)) !default; | ||
| 33 | $highlight--shadow-blur: props.def(--o-card--highlight--shadow-blur, props.get(core.$shadow--l2--blur)) !default; | ||
| 34 | $highlight--shadow-grow: props.def(--o-card--highlight--shadow-grow, props.get(core.$shadow--l2--grow)) !default; | ||
| 35 | |||
| 36 | $highlight--border-width: props.def(--o-card--highlight--border-width, props.get(core.$border-width--medium)) !default; | ||
| 37 | $highlight--border-color: props.def(--o-card--highlight--border-color, props.get(core.$theme, --accent, --700), 'color') !default; | ||
| 38 | $highlight--shadow-color: props.def(--o-card--highlight--shadow-color, props.get(core.$theme, --accent, --200), 'color') !default; | ||
| 39 | |||
| 31 | $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; | 40 | $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; |
| 32 | $hover--border-color: props.def(--o-card--hover--border-color, props.get(core.$theme, --border), 'color') !default; | 41 | $hover--border-color: props.def(--o-card--hover--border-color, props.get(core.$theme, --border), 'color') !default; |
| 33 | 42 | ||