+ Lorem ipsum dolor + sit amet, + consectetur adipisicing elit, sed do eiusmod tempor incididunt ut + labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud + exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute + irure dolor in reprehenderit in voluptate velit esse cillum dolore + eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non + proident, sunt in culpa qui officia deserunt mollit anim id est + laborum. +
+Duis aute irure dolor
+-
+
- Operators and other mathematical stuff: -+/* +
- + Characters offten used in programming languages: + {(<>)}@$?%*#;:&/\!^"'`~ + +
- Special german characters: ̟̊̚ +
- Other special characters: @?¢§%° +
Excepteur sint occaecat cupidatat
++ Lorem ipsum dolor sit amet, consectetur adipisicing elit, + sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris + nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in + reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla + pariatur. Excepteur sint occaecat cupidatat non proident, sunt in + culpa qui officia deserunt mollit anim id est laborum. +
++ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do + eiusmod tempor incididunt ut labore et dolore magna aliqua. + Ut enim ad minim veniam, quis nostrud exercitation + ullamco laboris nisi ut aliquip ex ea commodo consequat. + Duis aute irure dolor in reprehenderit in voluptate velit esse + cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit + anim id est laborum. +
+-
+
-
+
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:
+