Adjust mobile landing page (#4366)

* Adjust mobile landing page

Change mobile viewport threshold to 840px in consideration of padding. Fix loss of "container hero" padding in about/more under 675px.

* Fix indent
This commit is contained in:
Lynx Kotoura 2017-07-26 04:31:56 +09:00 committed by Eugen Rochko
parent 7232cdf7e8
commit 9891ff80f9
1 changed files with 5 additions and 7 deletions

View File

@ -646,7 +646,7 @@
} }
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 840px) {
.container { .container {
padding: 0 20px; padding: 0 20px;
} }
@ -688,6 +688,10 @@
@media screen and (max-width: 675px) { @media screen and (max-width: 675px) {
.header-wrapper { .header-wrapper {
padding-top: 0; padding-top: 0;
&.compact .hero .heading {
padding-bottom: 20px;
}
} }
.header .container, .header .container,
@ -701,15 +705,9 @@
} }
.header { .header {
padding-top: 0;
.hero { .hero {
margin-top: 30px; margin-top: 30px;
padding: 0;
.heading {
padding-bottom: 20px;
}
} }
.floats { .floats {