Variables imported after bootstrap.scss

[derykmarl]

I noticed that in /src/styles/style.scss the variables are imported after bootstrap.scss. This seems to work fine for the included color-primary, but once you start trying to customise other Bootstrap variables like say "navbar-dark-color" for the foreground text, it doesn't work. I had to switch it around so that the variables are imported first.

I'm new to this way of doing things (coming from CMS and PHP and never having expected to be back to static site generation) so not sure if I'm just misunderstanding something or if it's genuinely the wrong way round.

P.s. thanks for this useful starter! I'm finding it invaluable for learning how to create an efficient Gatsby+Bootstrap site, and am preferring it to the more popular Bootstrap starter which appears to just import the whole Bootstrap library and use a bunch of classNames the "old fashioned" way. If we're going to use React we may as well do it properly, which react-bootstrap allows us to do.