a5e539b509
This allows us to custom build it without Glyphicons so we don't have any errors about it not being found.
90 lines
2.0 KiB
SCSS
90 lines
2.0 KiB
SCSS
//
|
|
// Pagination (multiple pages)
|
|
// --------------------------------------------------
|
|
.pagination {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin: $line-height-computed 0;
|
|
border-radius: $border-radius-base;
|
|
|
|
> 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;
|
|
line-height: $line-height-base;
|
|
text-decoration: none;
|
|
color: $pagination-color;
|
|
background-color: $pagination-bg;
|
|
border: 1px solid $pagination-border;
|
|
margin-left: -1px;
|
|
}
|
|
&: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 {
|
|
&:hover,
|
|
&:focus {
|
|
z-index: 2;
|
|
color: $pagination-hover-color;
|
|
background-color: $pagination-hover-bg;
|
|
border-color: $pagination-hover-border;
|
|
}
|
|
}
|
|
|
|
> .active > a,
|
|
> .active > span {
|
|
&,
|
|
&:hover,
|
|
&:focus {
|
|
z-index: 3;
|
|
color: $pagination-active-color;
|
|
background-color: $pagination-active-bg;
|
|
border-color: $pagination-active-border;
|
|
cursor: default;
|
|
}
|
|
}
|
|
|
|
> .disabled {
|
|
> span,
|
|
> span:hover,
|
|
> span:focus,
|
|
> a,
|
|
> a:hover,
|
|
> a:focus {
|
|
color: $pagination-disabled-color;
|
|
background-color: $pagination-disabled-bg;
|
|
border-color: $pagination-disabled-border;
|
|
cursor: $cursor-disabled;
|
|
}
|
|
}
|
|
}
|
|
|
|
// Sizing
|
|
// --------------------------------------------------
|
|
|
|
// Large
|
|
.pagination-lg {
|
|
@include pagination-size($padding-large-vertical, $padding-large-horizontal, $font-size-large, $line-height-large, $border-radius-large);
|
|
}
|
|
|
|
// Small
|
|
.pagination-sm {
|
|
@include pagination-size($padding-small-vertical, $padding-small-horizontal, $font-size-small, $line-height-small, $border-radius-small);
|
|
}
|