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

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

@ -3,8 +3,8 @@
*/
main div.home {
text-align: center;
margin-top: 17%;
margin-bottom: 20%; }
margin-top: 15vh;
margin-bottom: 20vh; }
main div.home div.logo {
font-family: 'Boon-Logo', "Verdana", "Arial", sans-serif;
font-size: 24.5px;
@ -25,4 +25,9 @@ main div.home {
font-size: 14px;
letter-spacing: -0.02em; }
@media (max-width: 575px) {
main div.home {
margin-top: 13vh;
margin-bottom: 17vh; } }
/*# 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 {
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-top: 15px;
padding-bottom: 10px;
min-width: inherit;
@ -227,7 +227,7 @@ footer {
}
/* make footer sticky */
$footer_height: 85px;
$footer_height: 70px;
$footer_height_xs: 175px;
$footer_margin: 30px;
html {

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

@ -1,14 +1,17 @@
/* STYLE for jannikbeyerstedt.de
* for specific template
*/
@import "custom";
@import "variables";
@import "mixins";
@import "../mainvariables";
main {
div.home {
text-align: center;
margin-top: 17%;
margin-bottom: 20%;
margin-top: 15vh;
margin-bottom: 20vh;
div.logo {
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;
}
}