Merge pull request #135 from rootstrap/fix/set_nativewinds_rem_size_to_16

fix: set nativewind's rem size to 16

Author: asdolo

.vscode/settings.json

@@ -30,5 +30,6 @@
   "i18n-ally.disabled": false, // make sure to disable i18n-ally in your global setting and only enable it for such projects
   "tailwindCSS.experimental.classRegex": [
     ["tv\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"]
-  ]
+  ],
+  "tailwindCSS.rootFontSize": 16
 }

metro.config.js

@@ -5,4 +5,4 @@ const { withNativeWind } = require('nativewind/metro');
 
 const config = getDefaultConfig(__dirname);
 
-module.exports = withNativeWind(config, { input: './global.css' });
+module.exports = withNativeWind(config, { input: './global.css', inlineRem: 16 });

src/components/ui/colors.js src/components/ui/colors.tssrc/components/ui/colors.js renamed to src/components/ui/colors.ts

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   white: '#ffffff',
   black: '#000000',
   charcoal: {

src/components/ui/font-family.ts

@@ -0,0 +1,3 @@
+export default {
+  inter: ['Inter'],
+};

tailwind.config.js

@@ -1,4 +1,5 @@
 const colors = require('./src/components/ui/colors');
+const fontFamily = require('./src/components/ui/font-family');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -8,9 +9,7 @@ module.exports = {
   darkMode: 'class',
   theme: {
     extend: {
-      fontFamily: {
-        inter: ['Inter'],
-      },
+      fontFamily,
       colors,
     },
   },