// // Pagination (multiple pages) // ————————————————–
$paginationBackground: $grayLight; $paginationBorder: $gray; $paginationActiveBackground: $concerto-blue-5; $baseBorderRadius: 3px;
// Space out pagination from surrounding content .pagination {
margin-bottom: $baseLineHeight;
} .pagination > span {
line-height: 2em; color: $grayLight;
} .header-with-icon .pagination {
margin: 0px;
}
.pagination ul {
// Allow for text-based alignment display: inline-block; @include ie7-inline-block(); // Reset default ul styles margin-left: 0; margin-bottom: 0;
} .pagination ul > li {
display: inline; // Remove list-style and block-level defaults
} .pagination ul > li > a, .pagination ul > li > span {
// float: left; // Collapse white-space - commented out because it was causing unnecessary wrapping padding: 4px 12px 2px 12px; line-height: $baseLineHeight; text-decoration: none;
} .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
background-color: $paginationActiveBackground; border-bottom: solid 3px $paginationActiveBackground;
} .pagination ul > .active > a, .pagination ul > .active > span {
cursor: default;
} .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
color: $black; font-weight: bold; background-color: transparent; cursor: default; border-bottom: solid 3px $concerto-blue-4;
} .pagination ul > .next > a, .pagination ul > .last > a {
border: none; background: none;
}