diff options
Diffstat (limited to 'docs/components')
| -rw-r--r-- | docs/components/pagination.md | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/docs/components/pagination.md b/docs/components/pagination.md index c16f97cb6..dacc653f7 100644 --- a/docs/components/pagination.md +++ b/docs/components/pagination.md @@ -63,7 +63,7 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka </nav> {% endexample %} -You can optionally swap out active or disabled anchors for `<span>`, or omit the anchor in the case of the previous/next arrows, to remove click functionality while retaining intended styles. +You can optionally swap out active or disabled anchors for `<span>`, or omit the anchor in the case of the prev/next arrows, to remove click functionality while retaining intended styles. {% highlight html %} <nav> @@ -152,8 +152,8 @@ Alternatively, you can align each link to the sides: {% example html %} <nav> <ul class="pager"> - <li class="previous"><a href="#">Older</a></li> - <li class="next"><a href="#">Newer</a></li> + <li class="pager-prev"><a href="#">Older</a></li> + <li class="pager-next"><a href="#">Newer</a></li> </ul> </nav> {% endexample %} @@ -166,8 +166,8 @@ Pager links also use the `.disabled` class. {% highlight html %} <nav> <ul class="pager"> - <li class="previous disabled"><a href="#">Older</a></li> - <li class="next"><a href="#">Newer</a></li> + <li class="pager-prev disabled"><a href="#">Older</a></li> + <li class="pager-next"><a href="#">Newer</a></li> </ul> </nav> {% endhighlight %} |