Mercurial > nebulaweb3

comparison default/assets/scss/vendors/bootstrap/_pagination.scss @ 0:1d038bc9b3d2 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Up:default
author Liny <dev@neowd.com>
date Sat, 31 May 2025 09:21:51 +0800
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1d038bc9b3d2
1 .pagination {
2 display: flex;
3 // 1-2: Disable browser default list styles
4 padding-left: 0; // 1
5 list-style: none; // 2
6 @include border-radius();
7 }
8
9 .page-item {
10 &:first-child {
11 .page-link {
12 margin-left: 0;
13 @include border-left-radius($border-radius);
14 }
15 }
16 &:last-child {
17 .page-link {
18 @include border-right-radius($border-radius);
19 }
20 }
21
22 &.active .page-link {
23 z-index: 2;
24 color: $pagination-active-color;
25 background-color: $pagination-active-bg;
26 border-color: $pagination-active-border-color;
27 }
28
29 &.disabled .page-link {
30 color: $pagination-disabled-color;
31 pointer-events: none;
32 background-color: $pagination-disabled-bg;
33 border-color: $pagination-disabled-border-color;
34 }
35 }
36
37 .page-link {
38 position: relative;
39 display: block;
40 padding: $pagination-padding-y $pagination-padding-x;
41 margin-left: -1px;
42 line-height: $pagination-line-height;
43 color: $pagination-color;
44 background-color: $pagination-bg;
45 border: $pagination-border-width solid $pagination-border-color;
46
47 @include hover-focus {
48 color: $pagination-hover-color;
49 text-decoration: none;
50 background-color: $pagination-hover-bg;
51 border-color: $pagination-hover-border-color;
52 }
53 }
54
55
56 //
57 // Sizing
58 //
59
60 .pagination-lg {
61 @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
62 }
63
64 .pagination-sm {
65 @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
66 }