fix: added spacin on width values

carforyou · Jan 20, 2022 · 0493ec1 · 0493ec1
1 parent 43adb3e
commit 0493ec1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/tailwind/__tests__/__snapshots__/index.test.ts.snap b/src/tailwind/__tests__/__snapshots__/index.test.ts.snap
@@ -391,13 +391,24 @@ Object {
       "200": "200ms",
     },
     "width": Object {
+      "0": "0",
       "1/12": "8.33333333%",
+      "10": "10px",
       "10/12": "83.33333%",
       "11/12": "91.66666667%",
+      "12": "12px",
       "12/12": "100%",
+      "15": "15px",
+      "16": "16px",
       "2/12": "16.66667%",
+      "20": "20px",
+      "25": "25px",
+      "3": "3px",
       "3/12": "25%",
+      "30": "30px",
       "4/12": "33.33333%",
+      "40": "40px",
+      "5": "5px",
       "5/12": "41.66666667%",
       "6/12": "50%",
       "7/12": "58.33333333%",

diff --git a/src/tailwind/defaultConfig.ts b/src/tailwind/defaultConfig.ts
@@ -431,7 +431,8 @@ export default {
     | Class name: .w-{size}
     |
     */
-    width: {
+    width: (theme) => ({
+      ...theme("spacing"),
       auto: "auto",
       "1/12": "8.33333333%",
       "2/12": "16.66667%",
@@ -452,7 +453,7 @@ export default {
       modalSmall: "370px",
       modalLarge: "770px",
       checkbox: "24px",
-    },
+    }),
 
     /*
     |-----------------------------------------------------------------------------------------------