123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- //
- // 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;
- }
- }
|