Open thunderbiscuit opened 4 years ago
The issue is slightly more nuanced. You can achieve this right now as a work around by using react-helmet
and inserting Typography.js's styles manually. However, then it's appended to the end of the <head>
tag and it cascades over all generated CSS, including my styles: CSS library (Bulma, bootstrap etc.) + User styles > Typography.js
Ideally the loading order should be CSS library (Bulma, bootstrap etc.) > Typography.js > User styles.
I'm having the same problem. Bootstrap's typography is taking precedence over the Typography.js rules. I'm using Gatsby.js and using the gatsby sass plugin to require the sass files from bootstrap (installed a npm). Any workarounds?
Oh well, the problem was solved (in Gatsby), see: https://github.com/gatsbyjs/gatsby/issues/21079.
When Bulma is used in Gatsby, a lot of the settings from Typography.js are overridden by it. Is there an easy way to ensure that Typography take precedence? Thank you!