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