| nav.pagination { |
| display: flex; |
| border-top: 1px solid var(--toolbar-border-color); |
| line-height: 1; |
| margin: 2rem -1rem -1rem; |
| padding: 0.75rem 1rem 0; |
| } |
| |
| nav.pagination span { |
| display: flex; |
| flex: 50%; |
| flex-direction: column; |
| } |
| |
| nav.pagination .prev { |
| padding-right: 0.5rem; |
| } |
| |
| nav.pagination .next { |
| margin-left: auto; |
| padding-left: 0.5rem; |
| text-align: right; |
| } |
| |
| nav.pagination span::before { |
| color: var(--toolbar-muted-color); |
| font-size: 0.75em; |
| padding-bottom: 0.1em; |
| } |
| |
| nav.pagination .prev::before { |
| content: "Prev"; |
| } |
| |
| nav.pagination .next::before { |
| content: "Next"; |
| } |
| |
| nav.pagination a { |
| font-weight: var(--body-font-weight-bold); |
| line-height: 1.3; |
| position: relative; |
| } |
| |
| nav.pagination a::before, |
| nav.pagination a::after { |
| color: var(--toolbar-muted-color); |
| font-weight: normal; |
| font-size: 1.5em; |
| line-height: 0.75; |
| position: absolute; |
| top: 0; |
| width: 1rem; |
| } |
| |
| nav.pagination .prev a::before { |
| content: "\2039"; |
| transform: translateX(-100%); |
| } |
| |
| nav.pagination .next a::after { |
| content: "\203a"; |
| } |