Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix rounded

Browse Source
This commit is contained in:
Jeremy Thomas
2017-12-04 13:39:15 +00:00
parent 61938a39e9
commit 267f2c137f
5 changed files with 764 additions and 1968 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2652
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

26
docs/documentation/components/pagination.html
View File

@@ -85,6 +85,22 @@ doc-subtab: pagination
</nav>
{% endcapture %}
{% capture pagination_rounded_example %}
<nav class="pagination is-rounded" role="navigation" aria-label="pagination">
<a class="pagination-previous">Previous</a>
<a class="pagination-next">Next page</a>
<ul class="pagination-list">
<li><a class="pagination-link" aria-label="Goto page 1">1</a></li>
<li><span class="pagination-ellipsis">&hellip;</span></li>
<li><a class="pagination-link" aria-label="Goto page 45">45</a></li>
<li><a class="pagination-link is-current" aria-label="Page 46" aria-current="page">46</a></li>
<li><a class="pagination-link" aria-label="Goto page 47">47</a></li>
<li><span class="pagination-ellipsis">&hellip;</span></li>
<li><a class="pagination-link" aria-label="Goto page 86">86</a></li>
</ul>
</nav>
{% endcapture %}
{% capture pagination_small_example %}
<nav class="pagination is-small" role="navigation" aria-label="pagination">
<a class="pagination-previous">Previous</a>
@@ -193,6 +209,16 @@ doc-subtab: pagination
{% include snippet.html content=pagination_right_example horizontal=true more=true %}
{% include anchor.html name="Styles" %}
{% include elements/new-tag.html version="0.6.2" %}
<p class="content">
Add the <code>is-rounded</code> modifier to have rounded pagination items.
</p>
{% include snippet.html content=pagination_rounded_example horizontal=true more=true %}
{% include anchor.html name="Sizes" %}
<p class="content">