From 737f1696b8d52407c81f5cb0e6bf10c6504ebf16 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 22 Jul 2025 19:07:35 +0200 Subject: Fix --- src/layouts/_card-list.scss | 17 ++++++++--------- 1 file changed, 8 insertions(+), 9 deletions(-) (limited to 'src/layouts/_card-list.scss') 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 @@ @include bem.elem('card') { &:not(:last-child) { + position: relative; border-end-start-radius: 0; border-end-end-radius: 0; &::after { - content: ''; - display: block; - inline-size: calc(100% + 2 * props.get(vars.$merge-padding) + 2 * props.get(vars.$border-width)); - margin: - calc(props.get(vars.$merge-padding) + 2 * props.get(vars.$border-width)) - calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width)) - calc(-1 * props.get(vars.$merge-padding) - 2 * props.get(vars.$border-width)); - block-size: props.get(vars.$border-width); - background-color: props.get(vars.$border-color); + position: absolute; + inset-block-start: calc(100% + props.get(vars.$merge-padding) + props.get(vars.$border-width)); + inset-inline: calc(-1 * props.get(vars.$merge-padding) - props.get(vars.$border-width)); + content: ''; + display: block; + block-size: props.get(vars.$border-width); + background-color: props.get(vars.$border-color); } } -- cgit v1.2.3-70-g09d2