jannik/web-jbeyerstedt
1
0
Fork 0
Code Releases Activity

[SITE CSS] add more margin between content and footer

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/css/main.css
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;

BIN
assets/css/main.css.map
View file

Binary file not shown.

5
assets/scss/main.scss
View file

@ -203,6 +203,7 @@ 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;