- 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 and autoprefixer 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 to css/main.css -
- _javascript/main.js an ES6 JavaScript that compiles to lib/main.js + childs=${entry == parent ? null : _childs.get(entry)}, + leaf=${pos >= (len - 1)}, + child=${pos == len}, + selected=${!child and crumbs.get(pos) == entry}, + active=${entry == uri}, + sibling=${pos + 1 == len and (_childs.get(uri) == null or uri == parent)} + " + class="s sub" + th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"> + fix-swf +
- + Overview
- Getting Started
- FAQ
- Documentation
-
Try it out!
-
- To see if your setup works, follow these steps: -
-
1. -
  - Move to this directory: -
  -
```
cd bulma-start
```
  -
  -
2. -
  - Install all dependencies: -
  -
```
npm install
```
  -
  -
3. -
  - Start the CSS and JS watchers: -
  -
```
npm start
```
  -
  -
4. -
  - 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: -
-

Type	CSS class
Columns	- `columns` - `column` -
Layout	- `section` - `container` - `footer` -
Elements	- `button` - `content` - `title` - `subtitle` -
Form	- `field` - `control` -
Helpers	- `has-text-centered` - `has-text-weight-semibold` -

Try it out!

Get started