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
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: