OwlCyberSecurity - MANAGER
Edit File: _pagination.scss
@if $use-pagination == true{ /*------------------------------------*\ $PAGINATION \*------------------------------------*/ /** * Basic pagination object, extends `.nav`. * Requires some funky commenting to collapse any white-space caused by the * `display:inline-block;` rules. * <ol class="nav pagination"> <li class=pagination__first>First</li> <li class=pagination__prev>Previous</li> <li><a href=/page/1>1</a></li> <li><a href=/page/2>2</a></li> <li class=current><a href=/page/3>3</a></li> <li><a href=/page/4>4</a></li> <li><a href=/page/5>5</a></li> <li class=pagination__next><a href=/page/next>Next</a></li> <li class=pagination__last><a href=/page/last>Last</a></li> </ol> * * Demo: jsfiddle.net/inuitcss/9Y6PU * */ .pagination{ text-align:center; /** * Remove whitespace caused by `inline-block`. */ letter-spacing:-0.31em; word-spacing:-0.43em; } .pagination > li{ padding:$base-spacing-unit / 2; letter-spacing:normal; word-spacing:normal; } .pagination > li > a{ padding:$base-spacing-unit / 2; margin:-$base-spacing-unit / 2; } .pagination__first a:before{ content:"\00AB" "\00A0"; } .pagination__last a:after{ content:"\00A0" "\00BB"; } }//endif