nikon/docsearch
1
0
Fork 0
Code Activity Actions

chore(website): home page responsiveness

Browse source
This commit is contained in:
kokliKo 2015-12-18 14:02:34 +01:00 committed by Sylvain UTARD
parent 9c7a5e1c18
commit 5d4647ab7d
1 changed files with 42 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
docs/css/_home.scss
View file

@ -118,12 +118,18 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
color: #46AEDA;
}
.jumbotron .jumbotron-left-column {
display: none;
padding-top: 100px;
float: left;
width: 400px;
color: #FFF;
margin-left: 120px;
}
@media (min-width: 1200px) {
.jumbotron .jumbotron-left-column {
display: block;
}
}
@ -133,10 +139,11 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
background: #242E3A;
display: block;
width: 400px;
padding: 0 10px;
padding: 5px 10px;
margin: 0 auto;
border-radius: 6px;
color: #FFF;
max-width: 90%;
h3 {
padding-bottom: 20px;
border-bottom: 1px solid #3A434E;
@ -168,9 +175,6 @@ header.site-header nav.navbar .navbar-nav > li > a.navbar-github-link:hover {
}
@media (min-width: 1200px) {
.jumbotron {
height: 400px;
}
#join-form {
position: absolute;
top: 240px;
@ -215,13 +219,21 @@ h2.page-section-title:after {
width: 60px;
}
#section_why {
padding-left: 120px;
padding-right: 120px;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
}
@media (min-width: 600px) {
#section_why {
padding-left: 120px;
padding-right: 120px;
}
}
#section_examples {
font-size: 18px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
#section_examples a {
color: #C7C4C4;
@ -234,6 +246,12 @@ h2.page-section-title:after {
margin-top: 40px;
text-align: center;
}
@media (min-width: 600px) {
#section_examples {
padding-left: 0px;
padding-right: 0px;
}
}
#section_examples .showcase img.logo {
display: inline-block;;
height: 60px;
@ -256,11 +274,27 @@ h2.page-section-title:after {
#section_how p {
clear: both;
}
#section_how {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 600px) {
#section_how p {
padding-left: 0px;
padding-right: 0px;
}
}
#section_get-started {
padding-left: 120px;
padding-right: 120px;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
}
@media (min-width: 600px) {
#section_get-started {
padding-left: 120px;
padding-right: 120px;
}
}
/* FOOTER