What's included

The npm dependencies included in package.json are:

• bulma
• node-sass to compile your own Sass file
• postcss-cli and autoprefixer to add support for older browsers
• babel-cli, babel-preset-env and babel-preset-es2015-ie for compiling ES6 JavaScript files

Apart from package.json, the following files are included:

• .babelrc configuration file for Babel
• .gitignore common Git ignored files
• index.html this HTML5 file
• _sass/main.scss a basic SCSS file that imports Bulma and explains how to customize your styles, and compiles to css/main.css
• _javascript/main.js an ES6 JavaScript that compiles to lib/main.js

Try it out!

To see if your setup works, follow these steps:

1. Move to this directory:
   

   cd bulma-start

2. Install all dependencies:
   

   npm install

3. Start the CSS and JS watchers:
   

   npm start

4. Edit _sass/main.scss by adding the following rule at the end of the file:
   

   html {
     background-color: $green;
   }

The page background should turn green!

Get started

You're ready to create your own designs with Bulma. Just edit or duplicate this page, or simply create a new one!
For example, this page is only built with the following Bulma elements: