search

jgthms / bulma-start

Start package for Bulma
https://www.npmjs.com/package/bulma-start
MIT License
276 stars 82 forks source link

Some changes not processed #2

Open KayJay89 opened 6 years ago

KayJay89 commented 6 years ago

Hi all,

I have one project up and running with Bulma-Start. However, I did find something (in my eyes) particularly weird. Some changes are just not being processed into the file.

I install everything correctly and run npm start to start watching and compiling the main.scss file into the final css file. I for example insert the below code in main.scss:

h3 { background-color: red; margin-bottom: 5em; }

The above code is inserted at the second to last line, above @import "../node_modules/bulma/bulma";, but what I notice is that the first change is processed, but the margin isn't. Is there any particular reason this is the case?

brianloweongit commented 6 years ago

@KayJay89 the margin you set on your H3 element is overwritten by the value set in ~/bulma/sass/base/minireset.sass (line #26). The reset doesn't interfere with your background-color.

Try moving your rule to after the @import.