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;
text-align: center;
font-family: $heading-font-family;
display: flex;
justify-content: center;
align-items: center;
font-size: 2rem;
li {
display: inline;
text-align: center;
font-weight: $heading-font-weight--bold;
span {
display: flex;
justify-content: center;
align-items: center;
> a,
&.current-page {
margin: 0;
text-align: center;
width: 3.2rem;
}
a {
padding: 0 0.25em;
font-family: $heading-font-family;
font-weight: $heading-font-weight;
span {
margin: 0;
text-align: center;
width: 3.2rem;
}
> a {
display: block;
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
}