From: Jeremy Thomas Date: Sat, 29 Jul 2017 12:02:00 +0000 (+0100) Subject: Add heading X-Git-Tag: 0.5.0~13 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=93b7fb2fd4d853d18b29c52d13c5f90700f5d465;p=thirdparty%2Fbulma.git Add heading --- diff --git a/docs/_includes/head.html b/docs/_includes/head.html index cfc9fdd95..45d483ea1 100644 --- a/docs/_includes/head.html +++ b/docs/_includes/head.html @@ -4,7 +4,7 @@ - {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + {% if page.title %}{{ page.title }} | {% endif %}{{ site.title }} diff --git a/docs/_includes/heading.html b/docs/_includes/heading.html new file mode 100644 index 000000000..4c743777c --- /dev/null +++ b/docs/_includes/heading.html @@ -0,0 +1,5 @@ +
+ +

+ {{ include.name }} +

diff --git a/docs/_includes/meta.html b/docs/_includes/meta.html index 9b31fa7cb..f8e86275b 100644 --- a/docs/_includes/meta.html +++ b/docs/_includes/meta.html @@ -1,4 +1,4 @@ -
+
{% if include.new %}
diff --git a/docs/_javascript/main.js b/docs/_javascript/main.js index 2517f490f..a58bd3cbf 100644 --- a/docs/_javascript/main.js +++ b/docs/_javascript/main.js @@ -2,6 +2,23 @@ document.addEventListener('DOMContentLoaded', () => { // Dropdowns + const $metalinks = getAll('#meta a'); + + if ($metalinks.length > 0) { + $metalinks.forEach($el => { + $el.addEventListener('click', event => { + event.preventDefault(); + const target = $el.getAttribute('href'); + const $target = document.getElementById(target.substring(1)); + $target.scrollIntoView(true); + window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`); + return false; + }); + }); + } + + // Dropdowns + const $dropdowns = getAll('.dropdown:not(.is-hoverable)'); if ($dropdowns.length > 0) { diff --git a/docs/documentation/components/breadcrumb.html b/docs/documentation/components/breadcrumb.html index 38a47e392..fed19e881 100644 --- a/docs/documentation/components/breadcrumb.html +++ b/docs/documentation/components/breadcrumb.html @@ -232,11 +232,7 @@ variables: {% highlight html %}{{breadcrumb_succeeds_example}}{% endhighlight %} -
- -

- Sizes -

+ {% include heading.html name="Sizes" %}

You can choose between 3 additional sizes: is-small is-medium and is-large.

diff --git a/docs/documentation/components/message.html b/docs/documentation/components/message.html index 1662d3493..f70380945 100644 --- a/docs/documentation/components/message.html +++ b/docs/documentation/components/message.html @@ -225,11 +225,7 @@ variables:
-
- -

- Colors -

+ {% include heading.html name="Colors" %}
@@ -240,11 +236,7 @@ variables:
-
- -

- Sizes -

+ {% include heading.html name="Sizes" %}
diff --git a/docs/documentation/components/tabs.html b/docs/documentation/components/tabs.html index 56f54b856..5b29b5669 100644 --- a/docs/documentation/components/tabs.html +++ b/docs/documentation/components/tabs.html @@ -418,11 +418,7 @@ variables:
{% highlight html %}{{tabs_icons_example}}{% endhighlight %} -
- -

- Sizes -

+ {% include heading.html name="Sizes" %}

You can choose between 3 additional sizes: is-small is-medium and is-large.

diff --git a/docs/documentation/elements/box.html b/docs/documentation/elements/box.html index 9b20edb32..a2f48422e 100644 --- a/docs/documentation/elements/box.html +++ b/docs/documentation/elements/box.html @@ -1,4 +1,5 @@ --- +title: Box layout: documentation doc-tab: elements doc-subtab: box diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html index c76701b22..6c954d671 100644 --- a/docs/documentation/elements/button.html +++ b/docs/documentation/elements/button.html @@ -1,4 +1,5 @@ --- +title: Button layout: documentation doc-tab: elements doc-subtab: button @@ -416,11 +417,7 @@ variables:
-
- -

- Colors -

+ {% include heading.html name="Colors" %}
@@ -440,11 +437,7 @@ variables:
-
- -

- Sizes -

+ {% include heading.html name="Sizes" %}
diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html index 522e6fbab..b89b007c2 100644 --- a/docs/documentation/elements/content.html +++ b/docs/documentation/elements/content.html @@ -1,4 +1,5 @@ --- +title: Content layout: documentation doc-tab: elements doc-subtab: content @@ -37,6 +38,18 @@ variables: value: $text-strong --- +{% capture content_pre %} +<!DOCTYPE html> +<html> + <head> + <title>Hello World</title> + </head> + <body> + <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p> + </body> +</html> +{% endcapture %} + {% capture content_example %}

Hello World

@@ -74,15 +87,7 @@ variables:

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

Fourth level

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

- 
<!DOCTYPE html>
-<html>
-  <head>
-    <title>Hello World</title>
-  </head>
-  <body>
-    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra nec nulla vitae mollis.</p>
-  </body>
-</html>
+ 
{{ content_pre }}

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

@@ -137,6 +142,12 @@ variables:

A single class to handle WYSIWYG generated content, where only HTML tags are available

+ {% + include meta.html + colors=false + sizes=true + variables=true + %}
@@ -159,9 +170,8 @@ variables: {% highlight html %}{{content_example}}{% endhighlight %} -
+ {% include heading.html name="Sizes" %} -

Sizes

You can use the is-small, is-medium and is-large modifiers to change the font size.

@@ -208,7 +218,7 @@ variables: - {% include variables.html %} + {% include variables.html element=true %} diff --git a/docs/documentation/elements/delete.html b/docs/documentation/elements/delete.html index e5aa69415..f214d3228 100644 --- a/docs/documentation/elements/delete.html +++ b/docs/documentation/elements/delete.html @@ -1,44 +1,13 @@ --- +title: Delete layout: documentation doc-tab: elements doc-subtab: delete --- -{% include subnav-elements.html %} - -
-
-

Delete

-

- A versatile delete cross -

- -
- -
-

- The .delete element is a stand-alone element that can be used in different contexts. -

-
- {% capture cross_example %} {% endcapture %} -
-
-
-

- On its own, it's a simple circle with a cross: -

-
- {{cross_example}} -
-
-{% highlight html %} -{{cross_example}} -{% endhighlight %} -
-
{% capture cross_sizes_example %} @@ -46,21 +15,6 @@ doc-subtab: delete {% endcapture %} -
-
-
-

- It comes in 4 sizes: -

-
- {{cross_sizes_example}} -
-
-{% highlight html %} -{{cross_sizes_example}} -{% endhighlight %} -
-
{% capture cross_elements_example %}
@@ -85,21 +39,79 @@ doc-subtab: delete
{% endcapture %} -
-
-
-

- Bulma uses it for the tags, the notifications, and the messages: -

-
- {{cross_elements_example}} -
-
-{% highlight html %} -{{cross_elements_example}} -{% endhighlight %} -
-
+ +{% include subnav-elements.html %} + +
+
+

Delete

+

+ A versatile delete cross +

+ {% + include meta.html + colors=false + sizes=true + variables=false + %} + +
+ +
+

+ The .delete element is a stand-alone element that can be used in different contexts. +

+
+ +
+
+
+

+ On its own, it's a simple circle with a cross: +

+
+ {{cross_example}} +
+
+ {% highlight html %}{{cross_example}}{% endhighlight %} +
+
+ + {% include heading.html name="Sizes" %} + +
+
+
+

+ It comes in 4 sizes: +

+
+ {{cross_sizes_example}} +
+
+ {% highlight html %}{{cross_sizes_example}}{% endhighlight %} +
+
+ +
+ +

+ Combinations +

+ +
+
+
+

+ Bulma uses it for the tags, the notifications, and the messages: +

+
+ {{cross_elements_example}} +
+
+ {% highlight html %}{{cross_elements_example}}{% endhighlight %} +
+
diff --git a/docs/documentation/elements/form.html b/docs/documentation/elements/form.html index 616a5bf12..944806c6f 100644 --- a/docs/documentation/elements/form.html +++ b/docs/documentation/elements/form.html @@ -1,4 +1,5 @@ --- +title: Form layout: documentation doc-tab: elements doc-subtab: form diff --git a/docs/documentation/elements/icon.html b/docs/documentation/elements/icon.html index b57234e10..d97cc248d 100644 --- a/docs/documentation/elements/icon.html +++ b/docs/documentation/elements/icon.html @@ -1,4 +1,5 @@ --- +title: Icon layout: documentation doc-tab: elements doc-subtab: icon @@ -28,6 +29,12 @@ variables:

Bulma is compatible with Font Awesome icons.

+ {% + include meta.html + colors=false + sizes=true + variables=true + %}
@@ -45,9 +52,7 @@ variables:

The icon container will take up exactly 1.5rem x 1.5rem. The icon itself is sized at 21px.

-
- -

Sizes

+ {% include heading.html name="Sizes" %}

Font Awesome icons use a font-size of 28px by default, and are best rendered when using multiples of 7.

diff --git a/docs/documentation/elements/image.html b/docs/documentation/elements/image.html index 1dbc72936..4b7fa36e0 100644 --- a/docs/documentation/elements/image.html +++ b/docs/documentation/elements/image.html @@ -1,12 +1,33 @@ --- +title: Image layout: documentation doc-tab: elements doc-subtab: image +dimensions: +- 16 +- 24 +- 32 +- 48 +- 64 +- 96 +- 128 variables: - name: $dimensions value: 16 24 32 48 64 96 128 --- +{% capture image %} +
+ +
+{% endcapture %} + +{% capture retina_image %} +
+ +
+{% endcapture %} + {% include subnav-elements.html %}
@@ -15,6 +36,12 @@ variables:

A container for responsive images

+ {% + include meta.html + colors=false + sizes=false + variables=true + %}
@@ -28,11 +55,7 @@ variables:
-{% highlight html %} -
- -
-{% endhighlight %} + {% highlight html %}{{ image }}{% endhighlight %}
@@ -43,41 +66,13 @@ variables:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + {% for dimension in page.dimensions %} + + + + + + {% endfor %}
image is-16x16
16x16px
image is-24x24
24x24px
image is-32x32
32x32px
image is-48x48
48x48px
image is-64x64
64x64px
image is-96x96
96x96px
image is-128x128
128x128px
image is-{{ dimension }}x{{ dimension }}
{{ dimension }}x{{ dimension }}px
@@ -93,11 +88,7 @@ variables:
-{% highlight html %} -
- -
-{% endhighlight %} + {% highlight html %}{{ retina_image }}{% endhighlight %}
diff --git a/docs/documentation/elements/notification.html b/docs/documentation/elements/notification.html index 2c915d80e..309b1b2a0 100644 --- a/docs/documentation/elements/notification.html +++ b/docs/documentation/elements/notification.html @@ -1,4 +1,5 @@ --- +title: Notification layout: documentation doc-tab: elements doc-subtab: notification @@ -11,53 +12,16 @@ variables: value: 1.25rem 2.5rem 1.25rem 1.5rem --- -{% include subnav-elements.html %} - -
-
-

Notifications

-

- Bold notification blocks, to alert your users of something -

- -
- -
-
-
- - Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
- - Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
- - Info lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
- - Success lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
- - Warning lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
- - Danger lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit -
-
-
-{% highlight html %} +{% capture notification %}
Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit
+{% endcapture %} +{% capture notification_colors %}
Primar lorem ipsum dolor sit amet, consectetur @@ -92,7 +56,42 @@ variables: adipiscing elit lorem ipsum dolor. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Sit amet, consectetur adipiscing elit
-{% endhighlight %} +{% endcapture %} + +{% include subnav-elements.html %} + +
+
+

Notifications

+

+ Bold notification blocks, to alert your users of something +

+ {% + include meta.html + colors=true + sizes=false + variables=true + %} + +
+ +
+
+ {{ notification }} +
+
+ {% highlight html %}{{ notification }}{% endhighlight %} +
+
+ + {% include heading.html name="Colors" %} + +
+
+ {{ notification_colors }} +
+
+ {% highlight html %}{{ notification_colors }}{% endhighlight %}
diff --git a/docs/documentation/elements/progress.html b/docs/documentation/elements/progress.html index 82bf3e607..3b1a53269 100644 --- a/docs/documentation/elements/progress.html +++ b/docs/documentation/elements/progress.html @@ -1,4 +1,5 @@ --- +title: Progess Bar layout: documentation doc-tab: elements doc-subtab: progress @@ -9,6 +10,25 @@ variables: value: $text --- +{% capture progress %} +15% +{% endcapture %} + +{% capture progress_colors %} +30% +45% +60% +75% +90% +{% endcapture %} + +{% capture progress_sizes %} +15% +30% +45% +60% +{% endcapture %} + {% include subnav-elements.html %}
@@ -17,41 +37,33 @@ variables:

Native HTML progress bars

+ {% + include meta.html + colors=true + sizes=true + variables=true + %}
- 15% - 30% - 45% - 60% - 75% - 90% + {{ progress }}
-{% highlight html %} -15% -30% -45% -60% -75% -90% -{% endhighlight %} + {% highlight html %}{{ progress }}{% endhighlight %} -
+ {% include heading.html name="Colors" %} -

Sizes

- 15% - 30% - 45% - 60% + {{ progress_colors }}
-{% highlight html %} -15% -30% -45% -60% -{% endhighlight %} + {% highlight html %}{{ progress_colors }}{% endhighlight %} + + {% include heading.html name="Sizes" %} + +
+ {{ progress_sizes }} +
+ {% highlight html %}{{ progress_sizes }}{% endhighlight %} {% include variables.html element=true %} diff --git a/docs/documentation/elements/table.html b/docs/documentation/elements/table.html index 4034e6ef2..639232474 100644 --- a/docs/documentation/elements/table.html +++ b/docs/documentation/elements/table.html @@ -1,4 +1,5 @@ --- +title: Table layout: documentation doc-tab: elements doc-subtab: table @@ -343,6 +344,12 @@ variables:

Tables

The inevitable HTML table, with special case cells

+ {% + include meta.html + colors=false + sizes=false + variables=true + %}
diff --git a/docs/documentation/elements/tag.html b/docs/documentation/elements/tag.html index f0fe2d3f5..a2d35a9a6 100644 --- a/docs/documentation/elements/tag.html +++ b/docs/documentation/elements/tag.html @@ -1,4 +1,5 @@ --- +title: Tags layout: documentation doc-tab: elements doc-subtab: tag @@ -32,6 +33,10 @@ variables: Large {% endcapture %} +{% capture rounded %} +Rounded +{% endcapture %} + {% capture delete %} Bar @@ -55,6 +60,12 @@ variables:

Small tag labels to insert anywhere

+ {% + include meta.html + colors=true + sizes=true + variables=true + %}
@@ -72,6 +83,8 @@ variables:
+ {% include heading.html name="Colors" %} +
Like with buttons, there are 9 different colors available. @@ -126,6 +139,8 @@ variables:
+ {% include heading.html name="Sizes" %} +
And 2 additional sizes. @@ -147,6 +162,22 @@ variables:
+ {% include heading.html name="Modifiers" %} + +
+
+ You can add the is-rounded modifier to make a rounded tag. +
+
+ {{ rounded }} +
+
+ {% highlight html %}{{ rounded }}{% endhighlight %} +
+
+ + {% include heading.html name="Combinations" %} +
You can also append a delete button. diff --git a/docs/documentation/elements/title.html b/docs/documentation/elements/title.html index cebcba770..61ffbb98a 100644 --- a/docs/documentation/elements/title.html +++ b/docs/documentation/elements/title.html @@ -1,4 +1,5 @@ --- +title: Title and Subtitle layout: documentation doc-tab: elements doc-subtab: title @@ -74,12 +75,28 @@ variables:

Simple headings to add depth to your page

+ {% + include meta.html + colors=false + sizes=true + variables=true + %}
-

There are 2 types of heading:

+
+

There are 2 types of heading:

+
    +
  • + .title +
    • +
  • + .subtitle +
    • +
+

Title

@@ -90,7 +107,7 @@ variables:
-
+ {% include heading.html name="Sizes" %}
diff --git a/docs/documentation/form/checkbox.html b/docs/documentation/form/checkbox.html index da2a44f6e..4674d7f9e 100644 --- a/docs/documentation/form/checkbox.html +++ b/docs/documentation/form/checkbox.html @@ -1,4 +1,5 @@ --- +title: Checkbox layout: documentation doc-tab: form doc-subtab: checkbox diff --git a/docs/documentation/form/general.html b/docs/documentation/form/general.html index c142561a5..cb45c3346 100644 --- a/docs/documentation/form/general.html +++ b/docs/documentation/form/general.html @@ -1,4 +1,5 @@ --- +title: Form controls layout: documentation doc-tab: form doc-subtab: general diff --git a/docs/documentation/form/input.html b/docs/documentation/form/input.html index 6e3f2c9b2..9827249d6 100644 --- a/docs/documentation/form/input.html +++ b/docs/documentation/form/input.html @@ -1,4 +1,5 @@ --- +title: Input layout: documentation doc-tab: form doc-subtab: input diff --git a/docs/documentation/form/radio.html b/docs/documentation/form/radio.html index dc0df9c48..c0533d59a 100644 --- a/docs/documentation/form/radio.html +++ b/docs/documentation/form/radio.html @@ -1,4 +1,5 @@ --- +title: Radio button layout: documentation doc-tab: form doc-subtab: radio diff --git a/docs/documentation/form/select.html b/docs/documentation/form/select.html index 0511f7736..621e0902a 100644 --- a/docs/documentation/form/select.html +++ b/docs/documentation/form/select.html @@ -1,4 +1,5 @@ --- +title: Select layout: documentation doc-tab: form doc-subtab: select diff --git a/docs/documentation/form/textarea.html b/docs/documentation/form/textarea.html index e4635c0ad..ab7b55756 100644 --- a/docs/documentation/form/textarea.html +++ b/docs/documentation/form/textarea.html @@ -1,4 +1,5 @@ --- +title: Textarea layout: documentation doc-tab: form doc-subtab: textarea diff --git a/docs/documentation/grid/columns.html b/docs/documentation/grid/columns.html index 8d50203e1..8a5083618 100644 --- a/docs/documentation/grid/columns.html +++ b/docs/documentation/grid/columns.html @@ -1,4 +1,5 @@ --- +title: Columns powered by Flexbox layout: documentation doc-tab: grid doc-subtab: columns diff --git a/docs/documentation/grid/tiles.html b/docs/documentation/grid/tiles.html index 8571f67ae..84bec57ef 100644 --- a/docs/documentation/grid/tiles.html +++ b/docs/documentation/grid/tiles.html @@ -1,4 +1,5 @@ --- +title: Tiles powered by Flexbox layout: documentation doc-tab: grid doc-subtab: tiles diff --git a/docs/documentation/layout/container.html b/docs/documentation/layout/container.html index 907465250..a8e284830 100644 --- a/docs/documentation/layout/container.html +++ b/docs/documentation/layout/container.html @@ -1,4 +1,5 @@ --- +title: Container layout: documentation doc-tab: layout doc-subtab: container diff --git a/docs/documentation/layout/footer.html b/docs/documentation/layout/footer.html index 18a9550fe..3ff0a9c6a 100644 --- a/docs/documentation/layout/footer.html +++ b/docs/documentation/layout/footer.html @@ -1,4 +1,5 @@ --- +title: Footer layout: documentation doc-tab: layout doc-subtab: footer diff --git a/docs/documentation/layout/hero.html b/docs/documentation/layout/hero.html index db32a9aee..cfa0cb5a0 100644 --- a/docs/documentation/layout/hero.html +++ b/docs/documentation/layout/hero.html @@ -1,4 +1,5 @@ --- +title: Hero layout: documentation doc-tab: layout doc-subtab: hero diff --git a/docs/documentation/layout/section.html b/docs/documentation/layout/section.html index e82126a6c..b0b5c27eb 100644 --- a/docs/documentation/layout/section.html +++ b/docs/documentation/layout/section.html @@ -1,4 +1,5 @@ --- +title: Section layout: documentation doc-tab: layout doc-subtab: section diff --git a/docs/documentation/modifiers/helpers.html b/docs/documentation/modifiers/helpers.html index 89838cd70..ab2c34ce9 100644 --- a/docs/documentation/modifiers/helpers.html +++ b/docs/documentation/modifiers/helpers.html @@ -1,4 +1,5 @@ --- +title: Helpers layout: documentation doc-tab: modifiers doc-subtab: helpers diff --git a/docs/documentation/modifiers/responsive-helpers.html b/docs/documentation/modifiers/responsive-helpers.html index 4ea188c99..b7a7e3d5a 100644 --- a/docs/documentation/modifiers/responsive-helpers.html +++ b/docs/documentation/modifiers/responsive-helpers.html @@ -1,4 +1,5 @@ --- +title: Responsive helpers layout: documentation doc-tab: modifiers doc-subtab: responsive-helpers diff --git a/docs/documentation/modifiers/syntax.html b/docs/documentation/modifiers/syntax.html index 74dc331da..586123e48 100644 --- a/docs/documentation/modifiers/syntax.html +++ b/docs/documentation/modifiers/syntax.html @@ -1,4 +1,5 @@ --- +title: Modifiers syntax layout: documentation doc-tab: modifiers doc-subtab: syntax diff --git a/docs/documentation/modifiers/typography-helpers.html b/docs/documentation/modifiers/typography-helpers.html index 3c9a70cc3..2e1194e32 100644 --- a/docs/documentation/modifiers/typography-helpers.html +++ b/docs/documentation/modifiers/typography-helpers.html @@ -1,4 +1,5 @@ --- +title: Typography helpers layout: documentation doc-tab: modifiers doc-subtab: typography-helpers diff --git a/docs/documentation/overview/classes.html b/docs/documentation/overview/classes.html index 9d4b6a7de..05be9fcfc 100644 --- a/docs/documentation/overview/classes.html +++ b/docs/documentation/overview/classes.html @@ -1,4 +1,5 @@ --- +title: CSS classes layout: documentation doc-tab: overview doc-subtab: classes diff --git a/docs/documentation/overview/customize.html b/docs/documentation/overview/customize.html index 407340d25..b5ebc8a8d 100644 --- a/docs/documentation/overview/customize.html +++ b/docs/documentation/overview/customize.html @@ -1,4 +1,5 @@ --- +title: Customize Bulma layout: documentation doc-tab: overview doc-subtab: customize diff --git a/docs/documentation/overview/functions.html b/docs/documentation/overview/functions.html index 473583bca..aa2f3d266 100644 --- a/docs/documentation/overview/functions.html +++ b/docs/documentation/overview/functions.html @@ -1,4 +1,5 @@ --- +title: Functions layout: documentation doc-tab: overview doc-subtab: functions diff --git a/docs/documentation/overview/mixins.html b/docs/documentation/overview/mixins.html index 8a9976b41..dcc9cebfb 100644 --- a/docs/documentation/overview/mixins.html +++ b/docs/documentation/overview/mixins.html @@ -1,4 +1,5 @@ --- +title: Mixins layout: documentation doc-tab: overview doc-subtab: mixins diff --git a/docs/documentation/overview/modular.html b/docs/documentation/overview/modular.html index ddb651840..a37608b03 100644 --- a/docs/documentation/overview/modular.html +++ b/docs/documentation/overview/modular.html @@ -1,4 +1,5 @@ --- +title: Modularity layout: documentation doc-tab: overview doc-subtab: modular diff --git a/docs/documentation/overview/responsiveness.html b/docs/documentation/overview/responsiveness.html index 6ca219504..1f66d8265 100644 --- a/docs/documentation/overview/responsiveness.html +++ b/docs/documentation/overview/responsiveness.html @@ -1,4 +1,5 @@ --- +title: Responsiveness layout: documentation doc-tab: overview doc-subtab: responsiveness diff --git a/docs/documentation/overview/start.html b/docs/documentation/overview/start.html index 51b520d26..26fa2ac0d 100644 --- a/docs/documentation/overview/start.html +++ b/docs/documentation/overview/start.html @@ -1,4 +1,5 @@ --- +title: Get started with Bulma layout: documentation doc-tab: overview doc-subtab: start diff --git a/docs/documentation/overview/variables.html b/docs/documentation/overview/variables.html index 970253d23..1e9e63228 100644 --- a/docs/documentation/overview/variables.html +++ b/docs/documentation/overview/variables.html @@ -1,4 +1,5 @@ --- +title: Variables layout: documentation doc-tab: overview doc-subtab: variables diff --git a/docs/extensions.html b/docs/extensions.html index 0b8e65a20..748e9ee51 100644 --- a/docs/extensions.html +++ b/docs/extensions.html @@ -1,4 +1,5 @@ --- +title: Extensions layout: default route: extensions extensions: diff --git a/docs/lib/main.js b/docs/lib/main.js index 07bd60a9d..482e2cf0e 100644 --- a/docs/lib/main.js +++ b/docs/lib/main.js @@ -4,6 +4,23 @@ document.addEventListener('DOMContentLoaded', function () { // Dropdowns + var $metalinks = getAll('#meta a'); + + if ($metalinks.length > 0) { + $metalinks.forEach(function ($el) { + $el.addEventListener('click', function (event) { + event.preventDefault(); + var target = $el.getAttribute('href'); + var $target = document.getElementById(target.substring(1)); + $target.scrollIntoView(true); + window.history.replaceState(null, document.title, '' + window.location.origin + window.location.pathname + target); + return false; + }); + }); + } + + // Dropdowns + var $dropdowns = getAll('.dropdown:not(.is-hoverable)'); if ($dropdowns.length > 0) { diff --git a/docs/thank-you.html b/docs/thank-you.html index cf13c9804..0f1d3bf44 100644 --- a/docs/thank-you.html +++ b/docs/thank-you.html @@ -1,4 +1,5 @@ --- +title: Thank you layout: default route: index --- diff --git a/docs/versions.html b/docs/versions.html index 231f032e0..5fdc0ff5c 100644 --- a/docs/versions.html +++ b/docs/versions.html @@ -1,4 +1,5 @@ --- +title: Versions layout: default route: versions ---