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

[SITE CSS] adjusted frontpage vertical spacing

This commit is contained in:
Jannik Beyerstedt 2016-10-16 11:26:18 +02:00
parent 5b294abf9f
commit e652bae824
5 changed files with 61 additions and 13 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 */

37
assets/css/templates/home.css.map
View File

@ -3,9 +3,42 @@
"file": "home.css",
"sources": [
"../../scss/templates/home.scss",
"../../scss/_mainvariables.scss"
"../../vendors/bootstrap/scss/_custom.scss",
"../../vendors/bootstrap/scss/_variables.scss",
"../../vendors/bootstrap/scss/_mixins.scss",
"../../scss/_mainvariables.scss",
"../../vendors/bootstrap/scss/mixins/_breakpoints.scss",
"../../vendors/bootstrap/scss/mixins/_hover.scss",
"../../vendors/bootstrap/scss/mixins/_image.scss",
"../../vendors/bootstrap/scss/mixins/_tag.scss",
"../../vendors/bootstrap/scss/mixins/_reset-filter.scss",
"../../vendors/bootstrap/scss/mixins/_resize.scss",
"../../vendors/bootstrap/scss/mixins/_screen-reader.scss",
"../../vendors/bootstrap/scss/mixins/_size.scss",
"../../vendors/bootstrap/scss/mixins/_tab-focus.scss",
"../../vendors/bootstrap/scss/mixins/_reset-text.scss",
"../../vendors/bootstrap/scss/mixins/_text-emphasis.scss",
"../../vendors/bootstrap/scss/mixins/_text-hide.scss",
"../../vendors/bootstrap/scss/mixins/_text-truncate.scss",
"../../vendors/bootstrap/scss/mixins/_alert.scss",
"../../vendors/bootstrap/scss/mixins/_buttons.scss",
"../../vendors/bootstrap/scss/mixins/_cards.scss",
"../../vendors/bootstrap/scss/mixins/_pagination.scss",
"../../vendors/bootstrap/scss/mixins/_lists.scss",
"../../vendors/bootstrap/scss/mixins/_list-group.scss",
"../../vendors/bootstrap/scss/mixins/_nav-divider.scss",
"../../vendors/bootstrap/scss/mixins/_forms.scss",
"../../vendors/bootstrap/scss/mixins/_progress.scss",
"../../vendors/bootstrap/scss/mixins/_table-row.scss",
"../../vendors/bootstrap/scss/mixins/_background-variant.scss",
"../../vendors/bootstrap/scss/mixins/_border-radius.scss",
"../../vendors/bootstrap/scss/mixins/_gradients.scss",
"../../vendors/bootstrap/scss/mixins/_clearfix.scss",
"../../vendors/bootstrap/scss/mixins/_grid-framework.scss",
"../../vendors/bootstrap/scss/mixins/_grid.scss",
"../../vendors/bootstrap/scss/mixins/_float.scss"
],
"sourcesContent": [],
"mappings": "AAAA;;GAEG;AAKE,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;EACP,UAAU,EAAE,MAAO;EACnB,UAAU,EAAE,GAAI;EAChB,aAAa,EAAE,GAAI,GAHX;EAKL,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAhB;IACP,WAAW,EAAE,2CAA4C;IACzD,SAAS,EAAE,MAAO;IAClB,WAAW,EAAE,KAAM;IACnB,WAAW,EAAE,GAAI;IAEjB,KAAK,EAAE,IAAK;IACZ,MAAM,EAAE,MAAO,GAPP;IASR,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,CAAtB;MACH,KAAK,ECnBE,OAAO;MDoBd,WAAW,EAAE,GAAI,GAFb;MAGH,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,AAAA,UAAU,CAA1B;QACV,YAAY,EAAE,KAAM;QACpB,aAAa,EAAE,MAAO,GAFX;MAIZ,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,AAAA,QAAQ,CAA1B;QACR,cAAc,EAAE,QAAS,GADhB;EAOf,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,CAAC,CAAb;IACA,UAAU,EAAE,KAAM;IAClB,SAAS,EAAE,IAAK;IAChB,cAAc,EAAE,OAAQ,GAHvB",
"mappings": "AAAA;;GAEG;AAQE,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;EACP,UAAU,EAAE,MAAO;EACnB,UAAU,EAAE,IAAK;EACjB,aAAa,EAAE,IAAK,GAHZ;EAKL,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAhB;IACP,WAAW,EAAE,2CAA4C;IACzD,SAAS,EAAE,MAAO;IAClB,WAAW,EAAE,KAAM;IACnB,WAAW,EAAE,GAAI;IAEjB,KAAK,EAAE,IAAK;IACZ,MAAM,EAAE,MAAO,GAPP;IASR,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,CAAtB;MACH,KAAK,EItBE,OAAO;MJuBd,WAAW,EAAE,GAAI,GAFb;MAGH,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,AAAA,UAAU,CAA1B;QACV,YAAY,EAAE,KAAM;QACpB,aAAa,EAAE,MAAO,GAFX;MAIZ,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,GAAG,AAAA,KAAK,CAAC,IAAI,AAAA,QAAQ,CAA1B;QACR,cAAc,EAAE,QAAS,GADhB;EAOf,IAAI,CAAC,GAAG,AAAA,KAAK,CAAC,CAAC,CAAb;IACA,UAAU,EAAE,KAAM;IAClB,SAAS,EAAE,IAAK;IAChB,cAAc,EAAE,OAAQ,GAHvB;;AKoBH,MAAM,EAAL,SAAS,EAAE,KAAK;ELVX,IAAI,CAAC,GAAG,AAAA,KAAK,CAAP;IACZ,UAAU,EAAE,IAAK;IACjB,aAAa,EAAE,IAAK,GAFP",
"names": []
}

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;
}
}