diff options
author | Volpeon <git@volpeon.ink> | 2024-11-23 12:40:41 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-11-23 12:40:41 +0100 |
commit | bc7fb2f742a7f161853c59eba0c4cae7e075ea4f (patch) | |
tree | dc3a162a835a21fe2e10d6f7f5ef6b5384ab0b95 /src/objects | |
parent | Add card image overlays (diff) | |
download | iro-design-bc7fb2f742a7f161853c59eba0c4cae7e075ea4f.tar.gz iro-design-bc7fb2f742a7f161853c59eba0c4cae7e075ea4f.tar.bz2 iro-design-bc7fb2f742a7f161853c59eba0c4cae7e075ea4f.zip |
Card
Diffstat (limited to 'src/objects')
-rw-r--r-- | src/objects/_card.scss | 2 | ||||
-rw-r--r-- | src/objects/_card.vars.scss | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/src/objects/_card.scss b/src/objects/_card.scss index d1463d3..6628eab 100644 --- a/src/objects/_card.scss +++ b/src/objects/_card.scss | |||
@@ -88,7 +88,7 @@ | |||
88 | position: absolute; | 88 | position: absolute; |
89 | inset-block-end: 0; | 89 | inset-block-end: 0; |
90 | inset-inline: 0; | 90 | inset-inline: 0; |
91 | z-index: 10; | 91 | z-index: 5; |
92 | padding-block: props.get(vars.$image-overlay--pad-b); | 92 | padding-block: props.get(vars.$image-overlay--pad-b); |
93 | padding-inline: props.get(vars.$image-overlay--pad-i); | 93 | padding-inline: props.get(vars.$image-overlay--pad-i); |
94 | } | 94 | } |
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss index 9cdc177..8adbcde 100644 --- a/src/objects/_card.vars.scss +++ b/src/objects/_card.vars.scss | |||
@@ -7,8 +7,8 @@ $pad-i: props.def(--o-card--pad-i, props.get(core.$size--300)) !d | |||
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; | 10 | $image-overlay--pad-i: props.def(--o-card--image-overlay--pad-i, 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; | 11 | $image-overlay--pad-b: props.def(--o-card--image-overlay--pad-b, props.get($pad-b)) !default; |
12 | 12 | ||
13 | $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; |
14 | 14 | ||