typography.js icon indicating copy to clipboard operation
typography.js copied to clipboard

Published 20 hours ago • verified publisher icon KyleAMathews

Enable Typography.js to take precedence over Bulma framework in Gatsby

Open thunderbiscuit opened this issue 6 years ago • 3 comments
trafficstars

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!

thunderbiscuit avatar Nov 08 '19 12:11 thunderbiscuit

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.

advaitju avatar Nov 13 '19 03:11 advaitju

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?

fullofcaffeine avatar Jan 30 '20 06:01 fullofcaffeine

Oh well, the problem was solved (in Gatsby), see: https://github.com/gatsbyjs/gatsby/issues/21079.

fullofcaffeine avatar Feb 05 '20 02:02 fullofcaffeine