Skip to content

Instantly share code, notes, and snippets.

@coreysyms
Last active June 5, 2017 17:50
Show Gist options
  • Save coreysyms/2cf82d2a11caef2a3eb2f79351f9cc1b to your computer and use it in GitHub Desktop.
Save coreysyms/2cf82d2a11caef2a3eb2f79351f9cc1b to your computer and use it in GitHub Desktop.
/* ------------------------------------------------------------ *\
Pagination
\* ------------------------------------------------------------ */
.pagination-previous a:before,
.pagination-previous.disabled:before { content:normal; }
.pagination-previous a:after,
.pagination-previous.disabled:after { content:" PREV"; }
.pagination-next a:before,
.pagination-next.disabled:before { content:"NEXT "; }
.pagination-next a:after,
.pagination-next.disabled:after { content:normal; }
.pagination a,
.pagination-previous.disabled,
.pagination-next.disabled { outline:solid 1px #ccc; padding:0.5em 1em; }
.pagination .current { padding:0.5em 1em; }
/* Mobile */
@media only screen and (max-width:40em){
.pagination { margin:1em 0; }
.pagination form { width:auto; display:inline-block; }
.pagination select { width:auto; }
.pagination-previous { float:left; margin-left:2em; }
.pagination-next { float:right; margin-right:2em; }
.pagination-previous a:after,
.pagination-previous.disabled:after { content:normal; }
.pagination-next a:before,
.pagination-next.disabled:before { content:normal; }
 .pagination li.show-for-small-only { display:inline-block !important; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment