diff options
| author | Volpeon <git@volpeon.ink> | 2024-11-23 12:35:42 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2024-11-23 12:35:42 +0100 |
| commit | f5e2addd72ab0b4801fdb4745eae5cee01ae12fe (patch) | |
| tree | 9f6cadd2d46a0ce9677f519e1f5b0370e3c10eb9 /src/objects/_card.vars.scss | |
| parent | Update s-figures (diff) | |
| download | iro-design-f5e2addd72ab0b4801fdb4745eae5cee01ae12fe.tar.gz iro-design-f5e2addd72ab0b4801fdb4745eae5cee01ae12fe.tar.bz2 iro-design-f5e2addd72ab0b4801fdb4745eae5cee01ae12fe.zip | |
Add card image overlays
Diffstat (limited to 'src/objects/_card.vars.scss')
| -rw-r--r-- | src/objects/_card.vars.scss | 12 |
1 files changed, 7 insertions, 5 deletions
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 @@ | |||
| 2 | @use 'iro-sass/src/props'; | 2 | @use 'iro-sass/src/props'; |
| 3 | @use '../core.vars' as core; | 3 | @use '../core.vars' as core; |
| 4 | 4 | ||
| 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; | 5 | $divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; |
| 6 | $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !default; | 6 | $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !default; |
| 7 | $pad-b: props.def(--o-card--pad-b, props.get(core.$size--250)) !default; | 7 | $pad-b: props.def(--o-card--pad-b, props.get(core.$size--250)) !default; |
| 8 | $spacing: props.def(--o-card--spacing, props.get(core.$size--200)) !default; | 8 | $spacing: props.def(--o-card--spacing, props.get(core.$size--200)) !default; |
| 9 | $rounding: props.def(--o-card--rounding, props.get(core.$rounding)) !default; | 9 | $rounding: props.def(--o-card--rounding, props.get(core.$rounding)) !default; |
| 10 | $image-overlay--pad-i: props.def(--o-card--image-overlay--pad-i, calc(.5 * props.get($pad-i))) !default; | ||
| 11 | $image-overlay--pad-b: props.def(--o-card--image-overlay--pad-b, calc(.5 * props.get($pad-b))) !default; | ||
| 10 | 12 | ||
| 11 | $hover--offset-b: props.def(--o-card--hover--offset-b, calc(-1 * props.get(core.$size--65))) !default; | 13 | $hover--offset-b: props.def(--o-card--hover--offset-b, calc(-1 * props.get(core.$size--65))) !default; |
| 12 | 14 | ||