Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
thunderbiscuit opened this issue Nov 8, 2019 · 3 comments
Open

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

thunderbiscuit opened this issue Nov 8, 2019 · 3 comments

Comments

@thunderbiscuit
Copy link

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 thunderbiscuit changed the title Not clear on how to enable Typography.js to take precedence over Bulma framework in Gatsby Enable Typography.js to take precedence over Bulma framework in Gatsby Nov 8, 2019
@advaitju
Copy link

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.

@clarmso clarmso mentioned this issue Dec 16, 2019
Open
@fullofcaffeine
Copy link

fullofcaffeine commented Jan 30, 2020 •
edited
Loading

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
Copy link

Oh well, the problem was solved (in Gatsby), see: gatsbyjs/gatsby#21079.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@fullofcaffeine @advaitju @thunderbiscuit