diff --git a/docs/_includes/head.html b/docs/_includes/head.html index cfc9fdd9..45d483ea 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 00000000..4c743777 --- /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 9b31fa7c..f8e86275 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 2517f490..a58bd3cb 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 38a47e39..fed19e88 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 1662d349..f7038094 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 56f54b85..5b29b566 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 9b20edb3..a2f48422 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 c76701b2..6c954d67 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 522e6fba..b89b007c 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 e5aa6941..f214d322 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 616a5bf1..944806c6 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 b57234e1..d97cc248 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 1dbc7293..4b7fa36e 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 2c915d80..309b1b2a 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 82bf3e60..3b1a5326 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 4034e6ef..63923247 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 f0fe2d3f..a2d35a9a 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 cebcba77..61ffbb98 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 da2a44f6..4674d7f9 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 c142561a..cb45c334 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 6e3f2c9b..9827249d 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 dc0df9c4..c0533d59 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 0511f773..621e0902 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 e4635c0a..ab7b5575 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 8d50203e..8a508361 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 8571f67a..84bec57e 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 90746525..a8e28483 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 18a9550f..3ff0a9c6 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 db32a9ae..cfa0cb5a 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 e82126a6..b0b5c27e 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 89838cd7..ab2c34ce 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 4ea188c9..b7a7e3d5 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 74dc331d..586123e4 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 3c9a70cc..2e1194e3 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 9d4b6a7d..05be9fcf 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 407340d2..b5ebc8a8 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 473583bc..aa2f3d26 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 8a9976b4..dcc9cebf 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 ddb65184..a37608b0 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 6ca21950..1f66d826 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 51b520d2..26fa2ac0 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 970253d2..1e9e6322 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 0b8e65a2..748e9ee5 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 07bd60a9..482e2cf0 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 cf13c980..0f1d3bf4 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 231f032e..5fdc0ff5 100644 --- a/docs/versions.html +++ b/docs/versions.html @@ -1,4 +1,5 @@ --- +title: Versions layout: default route: versions ---