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) {
body {
/* Margin bottom by footer height */
margin-bottom: 85px; }
margin-bottom: 115px; }
footer {
position: absolute;
bottom: 0;
@ -156,7 +156,7 @@ html {
@media (max-width: 543px) {
body {
/* Margin bottom by footer height */
margin-bottom: 162px; }
margin-bottom: 192px; }
footer {
position: absolute;
bottom: 0;

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

Binary file not shown.

7
assets/scss/main.scss
View file

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