Sha256: ad96ce7a8fa0dd308858611f34a53695972e147816e31179fcbc4d0803c4bf9b
Contents?: true
Size: 1.86 KB
Versions: 10
Compression:
Stored size: 1.86 KB
Contents
//Pagination
//
//@variables
//
$pagination-bg-color: #2980b9 !default;
$pagination-margin: 0 !default;
$pagination-color: #08c !default;
$pagination-font-size: px-to-rems(13) !default;
$pagination-list-items-padding: px-to-rems(2) px-to-rems(9) !default;
$pagination-border-radius: 0px !default;
$pagination-active-items-bg-color: $pagination-bg-color !default;
$pagination-active-items-color: #FFF !default;
$pagination-disabled-color: #FFF !default;
$pagination-disabled-cursor: not-allowed !default;
$include-pagination-transition-list-items: true !default;
//Pagination alignment
$include-pagination-alignment-center: true !default;
$include-pagination-alignment-right: true !default;
ul.pagination {
margin: $pagination-margin;
font-size: $pagination-font-size;
display: block;
color: $pagination-color;
& > li {
display: inline-block;
& > a,
& > span {
padding: $pagination-list-items-padding;
@if($include-pagination-transition-list-items) {
@include transition((background 0.3s ease-out, color 0.3s ease-out));
}
@include border-radius($pagination-border-radius);
}
& > a:hover,
&.active > a,
&.active > span {
background: $pagination-active-items-bg-color;
@include border-radius($pagination-border-radius);
color: $pagination-active-items-color;
text-decoration: none;
}
&.disabled {
& > a,
& > a:hover,
& > span {
background: lighten($pagination-bg-color, 35%);
color: $pagination-disabled-color;
cursor: $pagination-disabled-cursor;
@include border-radius($pagination-border-radius);
}
}
}
//Pagination Alignment
@if($include-pagination-alignment-center) {
&.center {
text-align: center;
}
}
@if($include-pagination-alignment-right) {
&.right {
text-align: right;
}
}
}
Version data entries
10 entries across 10 versions & 1 rubygems