From f5e2addd72ab0b4801fdb4745eae5cee01ae12fe Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 23 Nov 2024 12:35:42 +0100 Subject: Add card image overlays --- src/objects/_card.vars.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'src/objects/_card.vars.scss') diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 8ee7158..9cdc177 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss @@ -2,11 +2,13 @@ @use 'iro-sass/src/props'; @use '../core.vars' as core; -$divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !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; -$rounding: props.def(--o-card--rounding, props.get(core.$rounding)) !default; +$divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !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; +$rounding: props.def(--o-card--rounding, props.get(core.$rounding)) !default; +$image-overlay--pad-i: props.def(--o-card--image-overlay--pad-i, calc(.5 * props.get($pad-i))) !default; +$image-overlay--pad-b: props.def(--o-card--image-overlay--pad-b, calc(.5 * props.get($pad-b))) !default; $hover--offset-b: props.def(--o-card--hover--offset-b, calc(-1 * props.get(core.$size--65))) !default; -- cgit v1.2.3-70-g09d2