Importing Bulma
You have installed Bulma locally on your machine, but you are not using it yet.
Because you are going to update the .scss
file quite frequently from now on, run npm start
instead: this will watch the file for changes.
In your empty custom.scss
file, add:
@import
"node_modules/bulma/bulma";
Save the file. Since a change in the file has occurred, you will see this output in the terminal:
=
> changed: /path/to/html/sass/custom.scss
Rendering Complete, saving .css file...
Wrote CSS to /path/to/html/css/custom.css
Everything is back to normal. Instead of importing the generated .css
file from the CDN, you are importing the Sass version of Bulma into your custom.scss
file, which then generates the custom.css
.
Since you haven’t made any changes yet, you can’t see any differences. The first step to create your custom design is to import new font families.