1// 2// Pager pagination 3// -------------------------------------------------- 4 5 6.pager { 7 padding-left: 0; 8 margin: @line-height-computed 0; 9 list-style: none; 10 text-align: center; 11 &:extend(.clearfix all); 12 li { 13 display: inline; 14 > a, 15 > span { 16 display: inline-block; 17 padding: 5px 14px; 18 background-color: @pager-bg; 19 border: 1px solid @pager-border; 20 border-radius: @pager-border-radius; 21 } 22 23 > a:hover, 24 > a:focus { 25 text-decoration: none; 26 background-color: @pager-hover-bg; 27 } 28 } 29 30 .next { 31 > a, 32 > span { 33 float: right; 34 } 35 } 36 37 .previous { 38 > a, 39 > span { 40 float: left; 41 } 42 } 43 44 .disabled { 45 > a, 46 > a:hover, 47 > a:focus, 48 > span { 49 color: @pager-disabled-color; 50 background-color: @pager-bg; 51 cursor: @cursor-disabled; 52 } 53 } 54} 55