Fix footer overflow on small screens

On small screens, sometimes the bottom of the footer didn't have the
footer's background color.

I'm not sure why the `min-height` rule affects this outcome. However,
since this rule usually results in footer with quite a bit of empty
space at the bottom, we can simpliy remove the rule and use padding to
guarantee there's a bit of space between the text in the footer and the
bottom of the screen.
This commit is contained in:
Javi Martín
2021-04-26 19:44:53 +02:00
parent 39dd039faf
commit 963511d4cc

View File

@@ -914,7 +914,7 @@ footer {
background: #f1f1f1;
clear: both;
margin-top: $line-height * 2;
min-height: $line-height * 12;
padding-bottom: $line-height;
padding-top: $line-height;
}