1
0
Fork 0

[SITE CSS] fix some spacing issue at mobile layout

- bigger margin on the bottom of the footer
- invert font color of mobile menu button at photos pages
- swap li and a tags in mobile menu. bigger width menu not changed, because big click target is needed
- bigger margin in top of the headings h1 to h4
This commit is contained in:
Jannik Beyerstedt 2016-04-24 23:02:37 +02:00
parent 77a1e27445
commit e6b11f4585
7 changed files with 20 additions and 8 deletions

View file

@ -8,6 +8,7 @@ body {
h1, h2, h3, h4 {
margin-bottom: 18px;
margin-top: 1em;
font-family: 'Crimson Text', serif; }
h5 {
@ -198,12 +199,12 @@ html {
@media (max-width: 543px) {
body {
/* Margin bottom by footer height */
margin-bottom: 192px; }
margin-bottom: 205px; }
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 162px; } }
height: 175px; } }
/*
* HELPERS

File diff suppressed because one or more lines are too long

View file

@ -14,6 +14,10 @@ a {
nav ul.nav.main {
color: #fff; } }
@media (max-width: 543px) {
.navbar-toggler {
color: #fff; } }
footer {
background-color: #303030;
color: #e6e6e6; }

File diff suppressed because one or more lines are too long

View file

@ -14,6 +14,7 @@ body {
}
h1, h2, h3, h4 {
margin-bottom: 18px;
margin-top: 1em;
font-family: 'Crimson Text', serif;
}
h5 {
@ -247,7 +248,7 @@ footer {
/* make footer sticky */
$footer_height: 85px;
$footer_height_xs: 162px;
$footer_height_xs: 175px;
$footer_margin: 30px;
html {
position: relative;

View file

@ -25,6 +25,11 @@ a {
}
}
}
@include media-breakpoint-down(xs) {
.navbar-toggler {
color: $nav_fgColor;
}
}
footer {
background-color: darken($color_bg_inv, 7%);
color: darken($color_font_inv, 10%);