[ONL-8008] Fixed TW grid negative margins. (#1735)

* [ONL-8008] fix: Fixed TW grid negative margins. * 2.3.2
Ebury · Nov 2, 2023 · 61c3400 · 61c3400 · vercel · Nov 2, 2023
1 parent 9c339d5
commit 61c3400
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ebury/chameleon-components",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "main": "src/main.js",
   "sideEffects": false,
   "author": "Ebury Team (http://labs.ebury.rocks/)",

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1355,14 +1355,14 @@ function flexboxGridPlugin({ addUtilities, theme }) {
   addUtilities({
     '.grid-container': {
       width: '100%',
-      paddingRight: theme(`padding.${gutter / 2}`),
-      paddingLeft: theme(`padding.${gutter / 2}`),
+      paddingRight: theme(`spacing.${gutter / 2}`),
+      paddingLeft: theme(`spacing.${gutter / 2}`),
     },
     '.grid': {
       display: 'flex',
       flexWrap: 'wrap',
-      marginRight: theme(`margin.${gutter / -2}`),
-      marginLeft: theme(`margin.${gutter / -2}`),
+      marginRight: `-${theme(`spacing.${gutter / 2}`)}`,
+      marginLeft: `-${theme(`spacing.${gutter / 2}`)}`,
     },
   }, config);
 
@@ -1375,7 +1375,7 @@ function flexboxGridPlugin({ addUtilities, theme }) {
     addUtilities({
       [colClass]: {
         width: '100%',
-        padding: theme(`padding.${gutter / 2}`),
+        padding: theme(`spacing.${gutter / 2}`),
         minHeight: theme('minHeight.1'),
       },
     }, config);