Fix copyright footer bug
Closes #196 - Absolutely positions the `.site-footer` when it's adjacent to the `.read-next` container I've opted to use absolute positioning here because we can't be 10% sure what the height of the footer will be at smaller viewport widths as the `@blog.title` length can vary, so adding loads of breakpoints with negative margins isn't really viable.
This commit is contained in:
parent
d32e9db4cb
commit
ffea9590ea
1 changed files with 8 additions and 1 deletions
|
@ -1337,7 +1337,6 @@ body:not(.post-template) .post-title {
|
||||||
-ms-flex-align: stretch;
|
-ms-flex-align: stretch;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
margin-top: 10rem;
|
margin-top: 10rem;
|
||||||
margin-bottom: calc(-8rem - 37px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.read-next-story {
|
.read-next-story {
|
||||||
|
@ -1437,6 +1436,14 @@ body:not(.post-template) .post-title {
|
||||||
border-left: rgba(0,0,100,0.04) 1px solid;
|
border-left: rgba(0,0,100,0.04) 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Correctly position site-footer when next to the .read-next container */
|
||||||
|
.read-next + .site-footer {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/* ==========================================================================
|
/* ==========================================================================
|
||||||
8. Third Party Elements - Embeds from other services
|
8. Third Party Elements - Embeds from other services
|
||||||
|
|
Loading…
Reference in a new issue