diff --git a/docs/documentation/components/breadcrumb.html b/docs/documentation/components/breadcrumb.html index 42b4d759..ccb24783 100644 --- a/docs/documentation/components/breadcrumb.html +++ b/docs/documentation/components/breadcrumb.html @@ -164,8 +164,9 @@ meta: {% endcapture %}
-

The breadcrumb component only requires a .breadcrumb container and a ul list.

-

The dividers are automatically created in the content of the ::before pseudo-element of li tags.

+

+ The Bulma breadcrumb is a simple navigation component that only requires a breadcrumb container and a ul list. The dividers are automatically created in the content of the ::before pseudo-element of li tags. +

You can inform the current page using the is-active modifier in a li tag. It will disable the navigation of inner links.

@@ -175,7 +176,7 @@ meta: {% include elements/anchor.html name="Alignment" %}
-

For alternative alignments, use the is-centered and is-right modifiers on the .breadcrumb container.

+

For alternative alignments, use the is-centered and is-right modifiers on the breadcrumb container.

{% include elements/snippet.html content=breadcrumb_centered_example horizontal=true clipped=true %} diff --git a/docs/documentation/components/menu.html b/docs/documentation/components/menu.html index c5d3c1ce..f59e2105 100644 --- a/docs/documentation/components/menu.html +++ b/docs/documentation/components/menu.html @@ -51,6 +51,23 @@ meta: {% endcapture %} +
+

+ The Bulma menu is a vertical navigation component that comprises: +

+ +
+ {% include elements/snippet.html content=menu_example size="one-third" %} {% include elements/variables.html type='component' %} diff --git a/docs/documentation/components/message.html b/docs/documentation/components/message.html index b595b33d..db1f52b6 100644 --- a/docs/documentation/components/message.html +++ b/docs/documentation/components/message.html @@ -117,22 +117,53 @@ meta: {% endfor %} {% endcapture %} +
+

+ The Bulma message is a multi-part component: +

+ +
+ {% include elements/snippet.html content=message_example %} {% include elements/anchor.html name="Colors" %} +
+

+ The message component is available in all the different colors defined by the $colors Sass map. +

+
+ {% include elements/snippet.html content=message_colors_example %} {% include elements/anchor.html name="Message body only" %}
-

You can omit the message header:

+

+ You can remove the message-header if you don't need it, which will add a left border to the message-body: +

{% include elements/snippet.html content=message_body_example %} {% include elements/anchor.html name="Sizes" %} +
+

+ You can add one of 3 size modifiers to the message component: +

+
+ {% include elements/snippet.html content=message_small %} {% include elements/snippet.html content=message_normal %} diff --git a/docs/documentation/components/tabs.html b/docs/documentation/components/tabs.html index 299641e8..a637d238 100644 --- a/docs/documentation/components/tabs.html +++ b/docs/documentation/components/tabs.html @@ -354,8 +354,26 @@ meta: {% endcapture %}
-

Tabs only require a tabs container and a <ul> list.
- The default tabs style has a single border at the bottom.

+

+ The Bulma tabs are a straightforward navigation component that come in a variety of versions. They only require the following structure: +

+ +

+ The default tabs style has a single border at the bottom. +

{% include elements/snippet.html content=tabs_example horizontal=true %} diff --git a/docs/documentation/elements/box.html b/docs/documentation/elements/box.html index 2368ed41..729f5d2c 100644 --- a/docs/documentation/elements/box.html +++ b/docs/documentation/elements/box.html @@ -56,7 +56,7 @@ meta:

- The .box element is simply a container with a shadow, a border, a radius, and some padding. + The box element is simply a container with a shadow, a border, a radius, and some padding.
For example, you can include a media object:

diff --git a/docs/documentation/elements/button.html b/docs/documentation/elements/button.html index 9a7e5515..90f7b989 100644 --- a/docs/documentation/elements/button.html +++ b/docs/documentation/elements/button.html @@ -512,7 +512,7 @@ meta:

- The .button class can be used on: + The button class can be used on: