Mercurial > minori

comparison dep/fmt/doc/bootstrap/pagination.less @ 343:1faa72660932

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
*: transfer back to cmake from autotools autotools just made lots of things more complicated than they should have and many things broke (i.e. translations)
author Paper <paper@paper.us.eu.org>
date Thu, 20 Jun 2024 05:56:06 -0400
parents
children
comparison
equal deleted inserted replaced
342:adb79bdde329 343:1faa72660932
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 color: @pagination-hover-color;
44 background-color: @pagination-hover-bg;
45 border-color: @pagination-hover-border;
46 }
47 }
48
49 > .active > a,
50 > .active > span {
51 &,
52 &:hover,
53 &:focus {
54 z-index: 2;
55 color: @pagination-active-color;
56 background-color: @pagination-active-bg;
57 border-color: @pagination-active-border;
58 cursor: default;
59 }
60 }
61
62 > .disabled {
63 > span,
64 > span:hover,
65 > span:focus,
66 > a,
67 > a:hover,
68 > a:focus {
69 color: @pagination-disabled-color;
70 background-color: @pagination-disabled-bg;
71 border-color: @pagination-disabled-border;
72 cursor: @cursor-disabled;
73 }
74 }
75 }
76
77 // Sizing
78 // --------------------------------------------------
79
80 // Large
81 .pagination-lg {
82 .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
83 }
84
85 // Small
86 .pagination-sm {
87 .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
88 }