1
0
Fork 0

[SITE CSS] add more margin between content and footer

This commit is contained in:
Jannik Beyerstedt 2016-04-09 00:00:35 +02:00
parent 477c37c713
commit 474ebdc135
3 changed files with 6 additions and 5 deletions

View file

@ -146,7 +146,7 @@ html {
@media (min-width: 544px) { @media (min-width: 544px) {
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 85px; } margin-bottom: 115px; }
footer { footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -156,7 +156,7 @@ html {
@media (max-width: 543px) { @media (max-width: 543px) {
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 162px; } margin-bottom: 192px; }
footer { footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;

Binary file not shown.

View file

@ -201,8 +201,9 @@ footer {
} }
/* make footer sticky */ /* make footer sticky */
$footer_height: 85px; $footer_height: 85px;
$footer_height_xs: 162px; $footer_height_xs: 162px;
$footer_margin: 30px;
html { html {
position: relative; position: relative;
min-height: 100%; min-height: 100%;
@ -210,7 +211,7 @@ html {
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: $footer_height; margin-bottom: $footer_height + $footer_margin;
} }
footer { footer {
position: absolute; position: absolute;
@ -222,7 +223,7 @@ html {
@include media-breakpoint-down(xs) { @include media-breakpoint-down(xs) {
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: $footer_height_xs; margin-bottom: $footer_height_xs + $footer_margin;
} }
footer { footer {
position: absolute; position: absolute;