From 4217efd6cfcc33a92a38737e8ce1e162631028b2 Mon Sep 17 00:00:00 2001 From: aadil42 Date: Thu, 4 Jun 2026 17:01:08 +0530 Subject: [PATCH] fix: account for gap in column block style width calculations --- src/blocks/carousel/styles/_variants.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/blocks/carousel/styles/_variants.scss b/src/blocks/carousel/styles/_variants.scss index b57da16..d03c083 100644 --- a/src/blocks/carousel/styles/_variants.scss +++ b/src/blocks/carousel/styles/_variants.scss @@ -6,19 +6,19 @@ :where(.rt-carousel).is-style-columns-2, :where(.rt-carousel) .embla .wp-block-post-template.columns-2, :where(.rt-carousel) .embla .wp-block-term-template.columns-2 { - --rt-carousel-slide-width: 50%; + --rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 1)) / 2); } /* 3 Columns */ :where(.rt-carousel).is-style-columns-3, :where(.rt-carousel) .embla .wp-block-post-template.columns-3, :where(.rt-carousel) .embla .wp-block-term-template.columns-3 { - --rt-carousel-slide-width: 33.333%; + --rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 2)) / 3); } /* 4 Columns */ :where(.rt-carousel).is-style-columns-4, :where(.rt-carousel) .embla .wp-block-post-template.columns-4, :where(.rt-carousel) .embla .wp-block-term-template.columns-4 { - --rt-carousel-slide-width: 25%; + --rt-carousel-slide-width: calc((100% - (var(--rt-carousel-gap, 0px) * 3)) / 4); }