fixup! Feat(web-twig): Add spacing property to Grid #DS-1388

lmc-eu · Jul 25, 2024 · e3e15ee · e3e15ee
1 parent 750436e
commit e3e15ee
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/packages/web-twig/src/Resources/components/Grid/__tests__/__fixtures__/gridSpacing.twig b/packages/web-twig/src/Resources/components/Grid/__tests__/__fixtures__/gridSpacing.twig
@@ -51,3 +51,12 @@
     <span>col 5</span>
     <span>col 6</span>
 </Grid>
+
+<Grid cols="{{ { mobile: 2, tablet: 3, desktop: 4 } }}" spacingX="{{ { tablet: 'space-1000' } }}">
+    <span>col 1</span>
+    <span>col 2</span>
+    <span>col 3</span>
+    <span>col 4</span>
+    <span>col 5</span>
+    <span>col 6</span>
+</Grid>
diff --git a/...web-twig/src/Resources/components/Grid/__tests__/__snapshots__/gridSpacing.twig.snap.html b/...web-twig/src/Resources/components/Grid/__tests__/__snapshots__/gridSpacing.twig.snap.html
@@ -28,5 +28,9 @@
     <div class="Grid Grid--cols-2 Grid--tablet--cols-3 Grid--desktop--cols-4" style="--grid-spacing-x: var(--spirit-space-600);--grid-spacing-x-tablet: var(--spirit-space-1000);--grid-spacing-x-desktop: var(--spirit-space-1200);">
       <span>col 1</span> <span>col 2</span> <span>col 3</span> <span>col 4</span> <span>col 5</span> <span>col 6</span>
     </div>
+
+    <div class="Grid Grid--cols-2 Grid--tablet--cols-3 Grid--desktop--cols-4" style="--grid-spacing-x-tablet: var(--spirit-space-1000);">
+      <span>col 1</span> <span>col 2</span> <span>col 3</span> <span>col 4</span> <span>col 5</span> <span>col 6</span>
+    </div>
   </body>
 </html>