SASS variable overrides

First off, thanks for creating this project! I am beginning to use it and it has been very easy to integrate. I was wondering if you’ve thought about a way to implement overrides for any of the SASS variables in Bulma? What comes to mind is overriding what the primary color is or the default font-family.

I’d be happy to help with this, but I don’t know what that implementation would look like.

[skbolton]

^ I realized after thinking about this that it wouldn’t be realistic to add a buildstep/api to consume the sass version of bulma. Instead I think that the bulma dependecy should be a peer to this project and users should install it and customize it how ever they want. Or they could just add the css through a link tag. react-bulma could then just consume the classnames. Then if they want to use a newer version of bulma they can just install it and work with it. As it is now if the library ever falls behind and I want to use the new one I would have 2 versions installed and the react bulma wouldn’t have the same styles.

[kulakowka]

You can build CSS with custom variables. And then you can create custom index file in your project like this:

import './css/bulma.css'

export { default as Box } from 'reactbulma/Box/Box'
export { default as Button } from 'reactbulma/Button/Button'
//...