diff options
| author | Volpeon <git@volpeon.ink> | 2025-07-22 19:07:35 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2025-07-22 19:07:35 +0200 |
| commit | 737f1696b8d52407c81f5cb0e6bf10c6504ebf16 (patch) | |
| tree | 994f33705ad3dd0a96a08b4d388934cff9d6bdc8 /src | |
| parent | Card list: Improved merge layout (diff) | |
| download | iro-design-737f1696b8d52407c81f5cb0e6bf10c6504ebf16.tar.gz iro-design-737f1696b8d52407c81f5cb0e6bf10c6504ebf16.tar.bz2 iro-design-737f1696b8d52407c81f5cb0e6bf10c6504ebf16.zip | |
Fix
Diffstat (limited to 'src')
| -rw-r--r-- | src/layouts/_card-list.scss | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss index 8774b5a..69ca588 100644 --- a/src/layouts/_card-list.scss +++ b/src/layouts/_card-list.scss | |||
| @@ -25,19 +25,18 @@ | |||
| 25 | 25 | ||
| 26 | @include bem.elem('card') { | 26 | @include bem.elem('card') { |
| 27 | &:not(:last-child) { | 27 | &:not(:last-child) { |
| 28 | position: relative; | ||
| 28 | border-end-start-radius: 0; | 29 | border-end-start-radius: 0; |
| 29 | border-end-end-radius: 0; | 30 | border-end-end-radius: 0; |
| 30 | 31 | ||
| 31 | &::after { | 32 | &::after { |
| 32 | content: ''; | 33 | position: absolute; |
| 33 | display: block; | 34 | inset-block-start: calc(100% + props.get(vars.$merge-padding) + props.get(vars.$border-width)); |
| 34 | inline-size: calc(100% + 2 * props.get(vars.$merge-padding) + 2 * props.get(vars.$border-width)); | 35 | inset-inline: calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width)); |
| 35 | margin: | 36 | content: ''; |
| 36 | calc(props.get(vars.$merge-padding) + 2 * props.get(vars.$border-width)) | 37 | display: block; |
| 37 | calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width)) | 38 | block-size: props.get(vars.$border-width); |
| 38 | calc(-1 * props.get(vars.$merge-padding) - 2 * props.get(vars.$border-width)); | 39 | background-color: props.get(vars.$border-color); |
| 39 | block-size: props.get(vars.$border-width); | ||
| 40 | background-color: props.get(vars.$border-color); | ||
| 41 | } | 40 | } |
| 42 | } | 41 | } |
| 43 | 42 | ||