themes
/
casper
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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:
Paul Adam Davis 2015-04-16 10:43:35 +01:00
parent d32e9db4cb
commit ffea9590ea
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/css/screen.css
View File

@ -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