🎨 Define custom width (#1956)

Author: KATO-Hiro

src/app.css

@@ -12,15 +12,6 @@ body {
   font-style: normal;
 }
 
-@layer utilities {
-  .w-1\/7 {
-    width: 14.285714%;
-  }
-  .w-1\/8 {
-    width: 12.5%;
-  }
-}
-
 #root {
   @apply w-full max-w-screen-xl;
 }

tailwind.config.ts

@@ -82,6 +82,12 @@ const config = {
       screens: {
         xs: '420px',
       },
+      width: {
+        '1/7': '14.2857143%',
+        '1/8': '12.5%',
+        '1/9': '11.1111111%',
+        '1/10': '10%',
+      },
     },
   },
 } as Config;