fix: make textimage size real 50%

2024-12-15 21:49:56 +01:00
parent ec7ae2bba3
commit b03f3340b9
1 changed files with 6 additions and 5 deletions
--- a/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css
+++ b/packages/base/ContentBlocks/ContentElements/textimage/assets/frontend.css
@@ -3,9 +3,10 @@
 }

 .textimage-container {
+    --gap: 2rem;
    display: flex;
    flex-direction: column;
-  gap: 2rem;
+    gap: var(--gap);
 }

 .textimage-wrapper {
@@ -62,11 +63,11 @@
  }

    .textimage-image-wrapper.size-25 {
-        flex: 0 0 25%;
+        flex: 0 0 calc(25% - (var(--gap) / 2));
    }

    .textimage-image-wrapper.size-50 {
-        flex: 0 0 50%;
+        flex: 0 0 calc(50% - (var(--gap) / 2));
    }

    .textimage-wrapper {