fix(tailwindcss): extend default spacings instead of replacing them

emdgroup-liquid · Aug 26, 2021 · 3b9750d · 3b9750d
1 parent 9444337
commit 3b9750d
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/liquid/global/styles/tailwindPreset.ts b/src/liquid/global/styles/tailwindPreset.ts
@@ -69,6 +69,12 @@ Object.entries({
   fontSize[key] = value.fontSize
 })
 
+// Extract spacings
+const spacing = {}
+Object.entries(designTokens.spacings).forEach(([key, value]) => {
+  spacing[`ld-${key}`] = value
+})
+
 const preset = {
   theme: {
     colors,
@@ -83,8 +89,8 @@ const preset = {
       body: ['Lato', 'sans-serif'],
       display: ['MWeb', 'sans-serif'],
     },
-    spacing: {
-      ...designTokens.spacings,
+    extend: {
+      spacing,
     },
   },
   plugins: [