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

[SITE CSS] adjusted frontpage vertical spacing

Browse source
This commit is contained in:
Jannik Beyerstedt 2016-10-16 11:26:18 +02:00
parent 5b294abf9f
commit e652bae824
5 changed files with 26 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
assets/css/main.css
View file

@ -135,8 +135,8 @@ nav {
footer { footer {
margin-top: 20px; margin-top: 20px;
padding-top: 20px; padding-top: 15px;
padding-bottom: 20px; padding-bottom: 10px;
min-width: inherit; min-width: inherit;
background-color: #bebebe; background-color: #bebebe;
color: #000; } color: #000; }
@ -171,12 +171,12 @@ html {
@media (min-width: 576px) { @media (min-width: 576px) {
body { body {
/* Margin bottom by footer height */ /* Margin bottom by footer height */
margin-bottom: 115px; } margin-bottom: 100px; }
footer { footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 85px; } } height: 70px; } }
@media (max-width: 575px) { @media (max-width: 575px) {
body { body {

9
assets/css/templates/home.css
View file

@ -3,8 +3,8 @@
*/ */
main div.home { main div.home {
text-align: center; text-align: center;
margin-top: 17%; margin-top: 15vh;
margin-bottom: 20%; } margin-bottom: 20vh; }
main div.home div.logo { main div.home div.logo {
font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif; font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
font-size: 24.5px; font-size: 24.5px;
@ -25,4 +25,9 @@ main div.home {
font-size: 14px; font-size: 14px;
letter-spacing: -0.02em; } letter-spacing: -0.02em; }
@media (max-width: 575px) {
main div.home {
margin-top: 13vh;
margin-bottom: 17vh; } }
/*# sourceMappingURL=home.css.map */ /*# sourceMappingURL=home.css.map */

BIN
assets/css/templates/home.css.map
View file

Binary file not shown.

6
assets/scss/main.scss
View file

@ -186,8 +186,8 @@ nav {
$footer_logoHeight: 1.4rem; $footer_logoHeight: 1.4rem;
footer { footer {
margin-top: 20px; margin-top: 20px;
padding-top: 20px; padding-top: 15px;
padding-bottom: 20px; padding-bottom: 10px;
min-width: inherit; min-width: inherit;
@ -227,7 +227,7 @@ footer {
} }
/* make footer sticky */ /* make footer sticky */
$footer_height: 85px; $footer_height: 70px;
$footer_height_xs: 175px; $footer_height_xs: 175px;
$footer_margin: 30px; $footer_margin: 30px;
html { html {

14
assets/scss/templates/home.scss
View file

@ -1,14 +1,17 @@
/* STYLE for jannikbeyerstedt.de /* STYLE for jannikbeyerstedt.de
* for specific template * for specific template
*/ */
@import "custom";
@import "variables";
@import "mixins";
@import "../mainvariables"; @import "../mainvariables";
main { main {
div.home { div.home {
text-align: center; text-align: center;
margin-top: 17%; margin-top: 15vh;
margin-bottom: 20%; margin-bottom: 20vh;
div.logo { div.logo {
font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif; font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
@ -41,3 +44,10 @@ main {
} }
} }
@include media-breakpoint-down(xs) {
main div.home {
margin-top: 13vh;
margin-bottom: 17vh;
}
}