Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Can't customize theme to change default font sizes

See original GitHub issue

Describe the bug Can’t change the default fontSize (aka text-base). I followed this sample and tested with double font size base: "2rem"

To Reproduce Steps to reproduce the behavior: My tailwind.config.js:

module.exports = {
  content: ["./App.{js,jsx,ts,tsx}", "./src/**/*.{js,jsx,ts,tsx}"],
  theme: {
    extend: {},
    fontSize: {
      sm: "0.8rem",
      base: "2rem",
      xl: "1.25rem",
      "2xl": "1.563rem",
      "3xl": "1.953rem",
      "4xl": "2.441rem",
      "5xl": "3.052rem",
    },
  },
  plugins: ["nativewind"],
};

Expected behavior Base font size should double but instead it looks the same.

Is it a known bug? Or how to change the default fontSize?

Issue Analytics

State:
Created 10 months ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

stesviscommented, Nov 9, 2022

stable only supports px, however there are various issues with babel/cache tailwind.config.js (#235), so may need to update your babel cache.

Can you please list your issues with next in #308

Would you be able to tell me the steps to make it work with px in stable?

0reactions

marklawlorcommented, Nov 9, 2022

stable only supports px, however there are various issues with babel/cache tailwind.config.js (#235), so may need to update your babel cache.

Can you please list your issues with next in #308