mirror of
https://github.com/prurigro/hypothetical.git
synced 2024-11-22 07:54:11 -05:00
Move the mobile top padding to account for the nav into the body where it belongs
This commit is contained in:
parent
795e8335c2
commit
f8e728e654
1 changed files with 4 additions and 1 deletions
5
resources/assets/sass/app.scss
vendored
5
resources/assets/sass/app.scss
vendored
|
@ -35,7 +35,6 @@ body {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: $c-text;
|
color: $c-text;
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
@media (max-width: $grid-float-breakpoint-max) { padding-top: $nav-height-mobile; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-container {
|
.page-container {
|
||||||
|
@ -44,6 +43,10 @@ body {
|
||||||
padding-top: $nav-height;
|
padding-top: $nav-height;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
@media (max-width: $grid-float-breakpoint-max) {
|
||||||
|
padding-top: $nav-height-mobile;
|
||||||
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue