|
info@53
|
1 |
//
|
|
info@53
|
2 |
// Pagination (multiple pages)
|
|
info@53
|
3 |
// --------------------------------------------------
|
|
info@53
|
4 |
.pagination {
|
|
info@53
|
5 |
display: inline-block;
|
|
info@53
|
6 |
padding-left: 0;
|
|
info@53
|
7 |
margin: @line-height-computed 0;
|
|
info@53
|
8 |
border-radius: @border-radius-base;
|
|
info@53
|
9 |
|
|
info@53
|
10 |
> li {
|
|
info@53
|
11 |
display: inline; // Remove list-style and block-level defaults
|
|
info@53
|
12 |
> a,
|
|
info@53
|
13 |
> span {
|
|
info@53
|
14 |
position: relative;
|
|
info@53
|
15 |
float: left; // Collapse white-space
|
|
info@53
|
16 |
padding: @padding-base-vertical @padding-base-horizontal;
|
|
info@53
|
17 |
line-height: @line-height-base;
|
|
info@53
|
18 |
text-decoration: none;
|
|
info@53
|
19 |
background-color: @pagination-bg;
|
|
info@53
|
20 |
border: 1px solid @pagination-border;
|
|
info@53
|
21 |
margin-left: -1px;
|
|
info@53
|
22 |
}
|
|
info@53
|
23 |
&:first-child {
|
|
info@53
|
24 |
> a,
|
|
info@53
|
25 |
> span {
|
|
info@53
|
26 |
margin-left: 0;
|
|
info@53
|
27 |
.border-left-radius(@border-radius-base);
|
|
info@53
|
28 |
}
|
|
info@53
|
29 |
}
|
|
info@53
|
30 |
&:last-child {
|
|
info@53
|
31 |
> a,
|
|
info@53
|
32 |
> span {
|
|
info@53
|
33 |
.border-right-radius(@border-radius-base);
|
|
info@53
|
34 |
}
|
|
info@53
|
35 |
}
|
|
info@53
|
36 |
}
|
|
info@53
|
37 |
|
|
info@53
|
38 |
> li > a,
|
|
info@53
|
39 |
> li > span {
|
|
info@53
|
40 |
&:hover,
|
|
info@53
|
41 |
&:focus {
|
|
info@53
|
42 |
background-color: @pagination-hover-bg;
|
|
info@53
|
43 |
}
|
|
info@53
|
44 |
}
|
|
info@53
|
45 |
|
|
info@53
|
46 |
> .active > a,
|
|
info@53
|
47 |
> .active > span {
|
|
info@53
|
48 |
&,
|
|
info@53
|
49 |
&:hover,
|
|
info@53
|
50 |
&:focus {
|
|
info@53
|
51 |
z-index: 2;
|
|
info@53
|
52 |
color: @pagination-active-color;
|
|
info@53
|
53 |
background-color: @pagination-active-bg;
|
|
info@53
|
54 |
border-color: @pagination-active-bg;
|
|
info@53
|
55 |
cursor: default;
|
|
info@53
|
56 |
}
|
|
info@53
|
57 |
}
|
|
info@53
|
58 |
|
|
info@53
|
59 |
> .disabled {
|
|
info@53
|
60 |
> span,
|
|
info@53
|
61 |
> span:hover,
|
|
info@53
|
62 |
> span:focus,
|
|
info@53
|
63 |
> a,
|
|
info@53
|
64 |
> a:hover,
|
|
info@53
|
65 |
> a:focus {
|
|
info@53
|
66 |
color: @pagination-disabled-color;
|
|
info@53
|
67 |
background-color: @pagination-bg;
|
|
info@53
|
68 |
border-color: @pagination-border;
|
|
info@53
|
69 |
cursor: not-allowed;
|
|
info@53
|
70 |
}
|
|
info@53
|
71 |
}
|
|
info@53
|
72 |
}
|
|
info@53
|
73 |
|
|
info@53
|
74 |
// Sizing
|
|
info@53
|
75 |
// --------------------------------------------------
|
|
info@53
|
76 |
|
|
info@53
|
77 |
// Large
|
|
info@53
|
78 |
.pagination-lg {
|
|
info@53
|
79 |
.pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
|
|
info@53
|
80 |
}
|
|
info@53
|
81 |
|
|
info@53
|
82 |
// Small
|
|
info@53
|
83 |
.pagination-sm {
|
|
info@53
|
84 |
.pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
|
|
info@53
|
85 |
}
|