mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
ed89be1f44
We have it set to `1` right now just to avoid compilation errors, but it’s been replaced everywhere with our new spacer classes anywho. We’ll likely want to remap that var to custom component vars though (e.g., `$pagination-margin` instead of `$spacer-y`).
89 lines
1.9 KiB
SCSS
89 lines
1.9 KiB
SCSS
//
|
|
// Pagination (multiple pages)
|
|
// --------------------------------------------------
|
|
|
|
|
|
.pagination {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin-top: $spacer-y;
|
|
margin-bottom: $spacer-y;
|
|
margin: $line-height-computed 0;
|
|
@include border-radius();
|
|
|
|
> li {
|
|
display: inline; // Remove list-style and block-level defaults
|
|
|
|
> a,
|
|
> span {
|
|
position: relative;
|
|
float: left; // Collapse white-space
|
|
padding: $padding-base-vertical $padding-base-horizontal;
|
|
margin-left: -1px;
|
|
line-height: $line-height-base;
|
|
color: $pagination-color;
|
|
text-decoration: none;
|
|
background-color: $pagination-bg;
|
|
border: 1px solid $pagination-border;
|
|
}
|
|
&:first-child {
|
|
> a,
|
|
> span {
|
|
margin-left: 0;
|
|
@include border-left-radius($border-radius-base);
|
|
}
|
|
}
|
|
&:last-child {
|
|
> a,
|
|
> span {
|
|
@include border-right-radius($border-radius-base);
|
|
}
|
|
}
|
|
}
|
|
|
|
> li > a,
|
|
> li > span {
|
|
@include hover-focus {
|
|
color: $pagination-hover-color;
|
|
background-color: $pagination-hover-bg;
|
|
border-color: $pagination-hover-border;
|
|
}
|
|
}
|
|
|
|
> .active > a,
|
|
> .active > span {
|
|
@include plain-hover-focus {
|
|
z-index: 2;
|
|
color: $pagination-active-color;
|
|
cursor: default;
|
|
background-color: $pagination-active-bg;
|
|
border-color: $pagination-active-border;
|
|
}
|
|
}
|
|
|
|
> .disabled {
|
|
> span,
|
|
> a {
|
|
@include plain-hover-focus {
|
|
color: $pagination-disabled-color;
|
|
cursor: $cursor-disabled;
|
|
background-color: $pagination-disabled-bg;
|
|
border-color: $pagination-disabled-border;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
//
|
|
// Sizing
|
|
//
|
|
|
|
.pagination-lg {
|
|
@include pagination-size($padding-lg-vertical, $padding-lg-horizontal, $font-size-lg, $border-radius-lg);
|
|
}
|
|
|
|
.pagination-sm {
|
|
@include pagination-size($padding-sm-vertical, $padding-sm-horizontal, $font-size-sm, $border-radius-sm);
|
|
}
|