// // Pager // -------------------------------------------------- .pager { li { > a, > span { .button-variant(@btn-default-color; @btn-default-bg; @btn-default-bg-img-start; @btn-default-bg-img-stop; @btn-default-border); color: @gray-pf; font-weight: 600; line-height: 22px; padding: 2px 14px; > .i { font-size: 18px; vertical-align: top; margin: 2px 0; } } a:active { background-image: none; .box-shadow(inset 0 3px 5px fade(@color-pf-black, 12.5%)); outline: 0; } } .disabled { > a, > a:hover, > a:focus, > a:active, > span { background: @pagination-bg; .box-shadow(none); color: @pager-disabled-color; cursor: default; } } .next { > a, > span { > .i { margin-left: 5px; } } } .previous { > a, > span { > .i { margin-right: 5px; } } } } .pager-sm { li { > a, > span { font-weight: 400; line-height: 16px; padding: 1px 10px; > .i { font-size: 12px; } } } }