Add sticky footer
This commit is contained in:
parent
7a0d6108e1
commit
f0777e166f
4 changed files with 40 additions and 19 deletions
|
@ -2,3 +2,6 @@ $page-width: 1040px;
|
|||
|
||||
$default-spacer: 8px;
|
||||
$default-padding: 2 * $default-spacer;
|
||||
|
||||
$footer-height: 267px;
|
||||
$footer-height-mobile: 531px;
|
||||
|
|
|
@ -10,6 +10,15 @@ body {
|
|||
line-height: 1.42857143;
|
||||
}
|
||||
|
||||
.page-wrapper {
|
||||
position: relative;
|
||||
padding-bottom: $footer-height;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
padding-bottom: $footer-height-mobile;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
font-weight: bold;
|
||||
|
|
|
@ -7,6 +7,14 @@ footer {
|
|||
@include vertical-padding(72px);
|
||||
background-color: $light-grey;
|
||||
border-top: 1px solid $border-grey;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: $footer-height;
|
||||
|
||||
@media (max-width: 1000px) {
|
||||
height: $footer-height-mobile;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-columns {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue