diff options
| Commit | ef6d8056d26fe952891e47660f1cb0d1ed7041f1 (patch) | |
|---|---|---|
| Author | 2018-11-08 07:42:33 +0800 | |
| Committer | 2018-11-08 07:42:33 +0800 | |
| Files | 26e1a053ee953a570e54939ef30c2c89636a6acf /docs/src/contents/pagination.pug | |
| Spectre-Dark-Gruvbox-0.5.5.tar Spectre-Dark-Gruvbox-0.5.5.tar.gz Spectre-Dark-Gruvbox-0.5.5.zip | ||
| Parent | 0a6c76429b294c26d318479c05736537f3d95abb (diff) | |
| Parent | eb7fd9d2538accfe5d291ca93d2ce7dd6e62fefa (diff) | |
Merge pull request #522 from picturepan2/0.5.5 v0.5.5
0.5.5
1 files changed, 0 insertions, 102 deletions
| -rw-r--r-- | docs/src/contents/pagination.pug | 102 |
diff --git a/docs/src/contents/pagination.pug b/docs/src/contents/pagination.pug deleted file mode 100644 index c90f6de..0000000 --- a/docs/src/contents/pagination.pug +++ /dev/null @@ -1,102 +0,0 @@ -.docs-demo.columns - .column.col-xs-12 - ul.pagination - li.page-item - a(href="#pagination") Prev - li.page-item - a(href="#pagination") 1 - li.page-item - span ... - li.page-item - a(href="#pagination") 4 - li.page-item.active - a(href="#pagination") 5 - li.page-item - a(href="#pagination") 6 - li.page-item - span ... - li.page-item - a(href="#pagination") 9 - li.page-item - a(href="#pagination") Next - .column.col-xs-12 - ul.pagination - li.page-item.disabled - a(href="#pagination" tabindex="-1") Prev - li.page-item.active - a(href="#pagination") 1 - li.page-item - a(href="#pagination") 2 - li.page-item - a(href="#pagination") 3 - li.page-item - span ... - li.page-item - a(href="#pagination") 9 - li.page-item - a(href="#pagination") Next - -p - | Add a container element with the #[code pagination] class. - | And add child elements with the #[code page-item] class. - | The #[code page-item] with the #[code active] class will be highlighted. - | You can add the #[code disabled] class to the #[code page-item] to have unclickable page links. - -pre.code(data-lang='HTML') - code - :highlight(lang="html") - <ul class="pagination"> - <li class="page-item disabled"> - <a href="#" tabindex="-1">Previous</a> - </li> - <li class="page-item active"> - <a href="#">1</a> - </li> - <li class="page-item"> - <a href="#">2</a> - </li> - <li class="page-item"> - <a href="#">3</a> - </li> - <li class="page-item"> - <span>...</span> - </li> - <li class="page-item"> - <a href="#">12</a> - </li> - <li class="page-item"> - <a href="#">Next</a> - </li> - </ul> - -.docs-demo.columns - .column.col-12 - ul.pagination - li.page-item.page-prev - a(href="#pagination") - .page-item-subtitle Previous - .page-item-title.h5 Getting started - li.page-item.page-next - a(href="#pagination") - .page-item-subtitle Next - .page-item-title.h5 Layout - -p You could use previous and next pagination to navigate. - -pre.code(data-lang='HTML') - code - :highlight(lang="html") - <ul class="pagination"> - <li class="page-item page-prev"> - <a href="#"> - <div class="page-item-subtitle">Previous</div> - <div class="page-item-title h5">Getting started</div> - </a> - </li> - <li class="page-item page-next"> - <a href="#"> - <div class="page-item-subtitle">Next</div> - <div class="page-item-title h5">Layout</div> - </a> - </li> - </ul>
\ No newline at end of file |