| // |
| // Pagination (multiple pages) |
| // -------------------------------------------------- |
| |
| // Space out pagination from surrounding content |
| .pagination { |
| margin: @baseLineHeight 0; |
| } |
| |
| .pagination ul { |
| // Allow for text-based alignment |
| display: inline-block; |
| .ie7-inline-block(); |
| // Reset default ul styles |
| margin-left: 0; |
| margin-bottom: 0; |
| // Visuals |
| .border-radius(@baseBorderRadius); |
| .box-shadow(0 1px 2px rgba(0,0,0,.05)); |
| } |
| .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 |
| padding: 4px 12px; |
| line-height: @baseLineHeight; |
| text-decoration: none; |
| background-color: @paginationBackground; |
| border: 1px solid @paginationBorder; |
| border-left-width: 0; |
| } |
| .pagination ul > li > a:hover, |
| .pagination ul > li > a:focus, |
| .pagination ul > .active > a, |
| .pagination ul > .active > span { |
| background-color: @paginationActiveBackground; |
| } |
| .pagination ul > .active > a, |
| .pagination ul > .active > span { |
| color: @grayLight; |
| cursor: default; |
| } |
| .pagination ul > .disabled > span, |
| .pagination ul > .disabled > a, |
| .pagination ul > .disabled > a:hover, |
| .pagination ul > .disabled > a:focus { |
| color: @grayLight; |
| background-color: transparent; |
| cursor: default; |
| } |
| .pagination ul > li:first-child > a, |
| .pagination ul > li:first-child > span { |
| border-left-width: 1px; |
| .border-left-radius(@baseBorderRadius); |
| } |
| .pagination ul > li:last-child > a, |
| .pagination ul > li:last-child > span { |
| .border-right-radius(@baseBorderRadius); |
| } |
| |
| |
| // Alignment |
| // -------------------------------------------------- |
| |
| .pagination-centered { |
| text-align: center; |
| } |
| .pagination-right { |
| text-align: right; |
| } |
| |
| |
| // Sizing |
| // -------------------------------------------------- |
| |
| // Large |
| .pagination-large { |
| ul > li > a, |
| ul > li > span { |
| padding: @paddingLarge; |
| font-size: @fontSizeLarge; |
| } |
| ul > li:first-child > a, |
| ul > li:first-child > span { |
| .border-left-radius(@borderRadiusLarge); |
| } |
| ul > li:last-child > a, |
| ul > li:last-child > span { |
| .border-right-radius(@borderRadiusLarge); |
| } |
| } |
| |
| // Small and mini |
| .pagination-mini, |
| .pagination-small { |
| ul > li:first-child > a, |
| ul > li:first-child > span { |
| .border-left-radius(@borderRadiusSmall); |
| } |
| ul > li:last-child > a, |
| ul > li:last-child > span { |
| .border-right-radius(@borderRadiusSmall); |
| } |
| } |
| |
| // Small |
| .pagination-small { |
| ul > li > a, |
| ul > li > span { |
| padding: @paddingSmall; |
| font-size: @fontSizeSmall; |
| } |
| } |
| // Mini |
| .pagination-mini { |
| ul > li > a, |
| ul > li > span { |
| padding: @paddingMini; |
| font-size: @fontSizeMini; |
| } |
| } |