rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00
Code Issues Actions Packages Releases Activity

Merge pull request #42 from twbs/pager

Browse Source 
rename .previous => .pager-prev , .next => .pager-next
This commit is contained in:
Chris Rebert 2014-12-18 15:32:12 -08:00
commit e95b854301
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> </nav>
{% endexample %} {% 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 %} {% highlight html %}
<nav> <nav>
@ -152,8 +152,8 @@ Alternatively, you can align each link to the sides:
{% example html %} {% example html %}
<nav> <nav>
<ul class="pager"> <ul class="pager">
<li class="previous"><a href="#">Older</a></li> <li class="pager-prev"><a href="#">Older</a></li>
<li class="next"><a href="#">Newer</a></li> <li class="pager-next"><a href="#">Newer</a></li>
</ul> </ul>
</nav> </nav>
{% endexample %} {% endexample %}
@ -166,8 +166,8 @@ Pager links also use the `.disabled` class.
{% highlight html %} {% highlight html %}
<nav> <nav>
<ul class="pager"> <ul class="pager">
<li class="previous disabled"><a href="#">Older</a></li> <li class="pager-prev disabled"><a href="#">Older</a></li>
<li class="next"><a href="#">Newer</a></li> <li class="pager-next"><a href="#">Newer</a></li>
</ul> </ul>
</nav> </nav>
{% endhighlight %} {% endhighlight %}

28
scss/_pager.scss
View File

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