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 | |
| 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')
| -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 | ||