1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
twbs--bootstrap/scss/_pagination.scss

63 lines
1.5 KiB
SCSS
Raw Normal View History

2014-12-02 17:02:35 -05:00
.pagination {
2016-12-28 17:39:06 -05:00
display: flex;
@include list-unstyled();
}
2014-12-02 17:02:35 -05:00
.page-link {
position: relative;
display: block;
color: $pagination-color;
background-color: $pagination-bg;
border: $pagination-border-width solid $pagination-border-color;
&:hover {
z-index: 2;
color: $pagination-hover-color;
text-decoration: none;
background-color: $pagination-hover-bg;
border-color: $pagination-hover-border-color;
}
&:focus {
z-index: 3;
outline: $pagination-focus-outline;
box-shadow: $pagination-focus-box-shadow;
}
}
2015-12-08 01:24:50 -05:00
.page-item {
&:not(:first-child) .page-link {
margin-left: $pagination-margin-left;
2014-12-02 17:02:35 -05:00
}
&.active .page-link {
z-index: 3;
2016-12-28 17:41:00 -05:00
color: $pagination-active-color;
background-color: $pagination-active-bg;
border-color: $pagination-active-border-color;
2014-12-02 17:02:35 -05:00
}
&.disabled .page-link {
2016-12-28 17:41:00 -05:00
color: $pagination-disabled-color;
pointer-events: none;
// Opinionated: remove the "hand" cursor set previously for .page-link
cursor: auto;
2016-12-28 17:41:00 -05:00
background-color: $pagination-disabled-bg;
border-color: $pagination-disabled-border-color;
2014-12-02 17:02:35 -05:00
}
}
2015-04-18 14:38:47 -04:00
//
2014-12-02 17:02:35 -05:00
// Sizing
2015-04-18 14:38:47 -04:00
//
@include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-line-height, $pagination-border-radius);
2014-12-02 17:02:35 -05:00
.pagination-lg {
@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
2014-12-02 17:02:35 -05:00
}
.pagination-sm {
@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
2014-12-02 17:02:35 -05:00
}