.pagination { @include generic_sans; margin-top: 2em; margin-bottom: 2em; font-weight: 400; line-height: 2.3; li { display: inline; } a { text-decoration: none; border: 1px solid lighten($body_font, 30); color: lighten($body_font, 20); padding: 9px 6px 6px 6px; margin-left: .25em; margin-right: .25em; } .prev { border: none; &:before { content: "\2190"; } } .next { border: none; &:after { content: "\2192"; margin-left: .35em; } } @include breakpoint(beta) { .prev { margin-right: 2em; } .next { margin-left: 2em; } .current { color: $link_color; margin-right: .5em; margin-left: .5em; } } }