juplo - BASISTEMPLATE
@@ -156,6 +383,7 @@
th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"
>
-
X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;ds=inline;f=dist%2Ftemplates%2Flayout.html;h=62c68f3b2b72ea996db8acae74c84da4c2efae5b;hb=b19975ae32c2f78e1d5f64ef43c303c3b2870e9f;hp=70ef0309e98af3ce12676bf7f21511bee2310948;hpb=67c6c67524571291077f9567391e56bf845afbde;p=website diff --git a/dist/templates/layout.html b/dist/templates/layout.html index 70ef0309..62c68f3b 100644 --- a/dist/templates/layout.html +++ b/dist/templates/layout.html @@ -2,52 +2,279 @@
-+
+ 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: +
+
@@ -156,6 +383,7 @@
th:class="'s' + (${childs} ? ' sub' : '') + (${selected or sibling or child} ? '' : ' off')"
>
-