Title
++
+ Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text Text +-
+
-
+
bulma
+
+ -
+
node-sass
to compile your own Sass file +
+ -
+
postcss-cli
andautoprefixer
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 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:
+