What's included
The npm dependencies included in package.json are:
-
bulma -
sassto compile your own Sass file -
postcss-cliandautoprefixerto add support for older browsers -
babel-cli,babel-preset-envandbabel-preset-es2015-iefor compiling ES6 JavaScript files
Apart from package.json, the following files are included:
-
.babelrcconfiguration file for Babel -
.gitignorecommon Git ignored files -
index.htmlthis HTML5 file -
_sass/main.scssa basic SCSS file that imports Bulma and explains how to customize your styles, and compiles tocss/main.css -
_javascript/main.jsan ES6 JavaScript that compiles tolib/main.js
Try it out!
To see if your setup works, follow these steps:
-
Move to this directory:
cd bulma-start -
Install all dependencies:
npm install -
Start the CSS and JS watchers:
npm start -
Edit
_sass/main.scssby 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: