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.
theme.fonts.body is not being applied to CReset
See original GitHub issueDescribe the bug
theme.fonts.body is not being applied. (I am using the latest version of chakra-ui/nuxt, 0.0.13.)
To Reproduce Steps to reproduce the behavior:
- Extend theme in nuxt.config.js with extendTheme
- Add
fonts.body - Build site
- Inspect any plain body element and see that it uses
html { font-family: sans-serif }and not the theme’s value.
Expected behavior I would expect that html font-family be set to what I provide in my theme.
Additional context
Setting fonts.heading does work as expected. Additionally, I noticed that useTailwindPreflight() defines html font-family twice, where I’d expect one would suffice. I don’t know how to prove that is the cause, though.
Thanks for your help.
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Sure. Per this page https://vue.chakra-ui.com/extending-theme I would expect the following to work: https://codesandbox.io/s/funny-visvesvaraya-wqr7t
Thanks, but what does theme.fonts.body do if not this? I mean, is this really a new feature request or a bug?