/sass/bootstrap/_pagination.scss
Sass | 53 lines | 48 code | 2 blank | 3 comment | 0 complexity | ede45b035c90d75ab54e6cfa91601377 MD5 | raw file
1// PAGINATION
2// ----------
3
4.pagination {
5 height: $baseLineHeight * 2;
6 margin: $baseLineHeight 0;
7 }
8.pagination ul {
9 display: inline-block;
10 @include ie7-inline-block();
11 margin-left: 0;
12 margin-bottom: 0;
13 @include border-radius(3px);
14 @include box-shadow(0 1px 2px rgba(0,0,0,.05));
15}
16.pagination li {
17 display: inline;
18}
19.pagination a {
20 float: left;
21 padding: 0 14px;
22 line-height: ($baseLineHeight * 2) - 2;
23 text-decoration: none;
24 border: 1px solid #ddd;
25 border-left-width: 0;
26}
27.pagination a:hover, .pagination .active a {
28 background-color: #f5f5f5;
29}
30.pagination .active a {
31 color: $grayLight;
32 cursor: default;
33}
34.pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
35 color: $grayLight;
36 background-color: transparent;
37 cursor: default;
38}
39.pagination li:first-child a {
40 border-left-width: 1px;
41 @include border-radius(3px 0 0 3px);
42}
43.pagination li:last-child a {
44 @include border-radius(0 3px 3px 0);
45}
46
47// Centered
48.pagination-centered {
49 text-align: center;
50}
51.pagination-right {
52 text-align: right;
53}