What's included
The npm
dependencies included in package.json
are:
-
bulma
-
node-sass
to compile your own Sass file -
postcss-cli
andautoprefixer
to add support for older browsers -
babel-cli
,babel-preset-env
andbabel-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 tocss/main.css
-
_javascript/main.js
an 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.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: