Style spacing for sticky footers

Sticky footers need slightly different spacing to sticky headers so they
look balanced. They can’t just inherit the same spacing.
This commit is contained in:
Chris Hill-Scott
2018-11-19 15:18:15 +00:00
parent 65b1b142b0
commit 9bd91ed60a

View File

@@ -40,7 +40,15 @@
.js-stick-at-bottom-when-scrolling {
$vertical-padding: $gutter * 2 / 3;
transition: bottom 0.1s ease-out, box-shadow 1s ease-in-out;
padding: $vertical-padding 0 $vertical-padding $gutter-half;
margin-top: -$vertical-padding;
.page-footer {
margin-bottom: 0;
}
}