kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases Activity

rename .previous => .pager-prev , .next => .pager-next

Browse source
This commit is contained in:
Chris Rebert 2014-12-17 18:36:51 -08:00
parent 90f4767d06
commit 12c5473e7a
2 changed files with 19 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
docs/components/pagination.md
View file

@ -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 %}

28
scss/_pager.scss
View file

@ -29,20 +29,6 @@
}
}
.next {
> a,
> span {
float: right;
}
}
.previous {
> a,
> span {
float: left;
}
}
.disabled {
> a,
> a:hover,
@ -54,3 +40,17 @@
}
}
}
.pager-next {
> a,
> span {
float: right;
}
}
.pager-prev {
> a,
> span {
float: left;
}
}