Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 03:14:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Organize partials

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-09 22:25:26 +01:00
parent a1c1909001
commit e8d4efb274
97 changed files with 691 additions and 835 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/documentation/layout/level.html
View File

@@ -185,22 +185,22 @@ breadcrumb:
</nav>
</div>
{% include snippet.html content=nav_example horizontal=true more=true %}
{% include elements/snippet.html content=nav_example horizontal=true more=true %}
{% include anchor.html name="Centered level" %}
{% include elements/anchor.html name="Centered level" %}
<div class="content">
If you want a <strong>centered level</strong>, you can use as many <code>level-item</code> as you want, as long as they are <strong>direct</strong> children of the <code>level</code> container.
</div>
{% include snippet.html content=nav_centered_example horizontal=true more=true %}
{% include elements/snippet.html content=nav_centered_example horizontal=true more=true %}
{% include snippet.html content=nav_centered_bis_example horizontal=true more=true %}
{% include elements/snippet.html content=nav_centered_bis_example horizontal=true more=true %}
{% include anchor.html name="Mobile level" %}
{% include elements/anchor.html name="Mobile level" %}
<div class="content">
By default, for space concerns, the level is vertical on mobile. If you want the level to be horizontal on mobile as well, add the <code>is-mobile</code> modifier on the <code>level</code> container.
</div>
{% include snippet.html content=nav_mobile_example horizontal=true more=true %}
{% include elements/snippet.html content=nav_mobile_example horizontal=true more=true %}