source: spip-zone/_plugins_/bootstrap/trunk/bootstrap/css/pagination.less @ 90741

Last change on this file since 90741 was 90741, checked in by cedric@…, 4 years ago

BS 3.3.5 dans la place, work in progress
le plugin passe en v3 dev
On s'occupera de la couche de compat BSv2 dans un second temps

File size: 2.0 KB
Line 
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}
Note: See TracBrowser for help on using the repository browser.