add pagination styling

This commit is contained in:
Ray Elliott 2020-02-19 22:26:24 +00:00
parent bb8ceb59a7
commit fc0acf05f4
1 changed files with 21 additions and 12 deletions

View File

@ -2,21 +2,30 @@
margin-top: 6rem; margin-top: 6rem;
text-align: center; text-align: center;
font-family: $heading-font-family; font-family: $heading-font-family;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
li { li {
display: inline; display: flex;
text-align: center; justify-content: center;
font-weight: $heading-font-weight--bold; align-items: center;
span {
> a,
&.current-page {
margin: 0; margin: 0;
text-align: center; padding: 0 0.25em;
width: 3.2rem; font-family: $heading-font-family;
}
a {
font-weight: $heading-font-weight; font-weight: $heading-font-weight;
span { }
margin: 0;
text-align: center; > a {
width: 3.2rem; display: block;
text-decoration: none;
&:hover {
text-decoration: underline;
} }
} }
} }