+
+ 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 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
+ + 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! +
+
+ 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
+ |
+
+ If you want to learn more, follow these links: +
+Lorem ipsum dolor - sit amet, + sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud - exercitation + 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 @@ -102,7 +299,7 @@