resilien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

more responsive changes

This commit is contained in:
JT 2014-07-24 12:28:00 -07:00
parent f4092c2bfe
commit 1cf62ddea5
2 changed files with 89 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
website/source/stylesheets/_home.less
View File

@ -217,7 +217,6 @@
&:focus {
outline: 0;
}
}
a {
@ -435,10 +434,21 @@
}
@media (max-width: 1200px) {
#feature-iterate{
h2{
font-size: 40px;
}
@media (max-width: 480px) {
#features{
text-align: center;
.it-icon{
margin-top: 52px;
}
.t-block{
width: 73px;
height: 73px;
margin-right: 20px;
}
}
}
@ -451,6 +461,15 @@
}
}
#feature-iterate{
.it-icon{
width: 372px;
margin: 0 auto 40px;
padding-left: 0 !important;
}
}
#feature-clone{
.clone-icon{
width: 382px;
@ -535,7 +554,17 @@
}
}
@media (max-width: 320px) {
@media (max-width: 480px) {
#demos .explantion {
margin: 40px 0 60px 0;
}
#feature-auto .terminal-text {
font-size: 24px;
}
.feature{
h2{
text-align: center;
@ -549,6 +578,22 @@
}
}
#features{
text-align: center;
}
}
@media (max-width: 320px) {
#feature-clone{
.clone-icon{
width: 320px;
margin: 40px auto 0;
padding-left: 0 !important;
}
}
#feature-iterate{
margin-top: -80px;
padding: 280px 0 360px;
@ -570,8 +615,9 @@
}
.it-icon{
margin-left: 45px;
margin-bottom: 40px;
width: 320px;
margin: 0 auto 40px;
padding-left: 0 !important;
}
.t-block{

42
website/source/stylesheets/main.css
View File

@ -1018,9 +1018,17 @@ body.page-home #footer {
font-size: 32px;
}
}
@media (max-width: 480px) {
#features {
text-align: center;
@media (max-width: 1200px) {
#feature-iterate h2 {
font-size: 40px;
}
#feature-iterate .it-icon {
margin-top: 52px;
}
#feature-iterate .t-block {
width: 73px;
height: 73px;
margin-right: 20px;
}
}
@media (max-width: 992px) {
@ -1029,6 +1037,11 @@ body.page-home #footer {
text-align: center !important;
padding-left: 0 !important;
}
#feature-iterate .it-icon {
width: 372px;
margin: 0 auto 40px;
padding-left: 0 !important;
}
#feature-clone .clone-icon {
width: 382px;
margin: 40px auto 0;
@ -1072,7 +1085,13 @@ body.page-home #footer {
margin-bottom: 15px;
}
}
@media (max-width: 320px) {
@media (max-width: 480px) {
#demos .explantion {
margin: 40px 0 60px 0;
}
#feature-auto .terminal-text {
font-size: 24px;
}
.feature h2 {
text-align: center;
font-size: 28px !important;
@ -1083,6 +1102,16 @@ body.page-home #footer {
text-align: center !important;
padding: 0 !important;
}
#features {
text-align: center;
}
}
@media (max-width: 320px) {
#feature-clone .clone-icon {
width: 320px;
margin: 40px auto 0;
padding-left: 0 !important;
}
#feature-iterate {
margin-top: -80px;
padding: 280px 0 360px;
@ -1110,8 +1139,9 @@ body.page-home #footer {
font-weight: 100;
}
#feature-iterate .it-icon {
margin-left: 45px;
margin-bottom: 40px;
width: 320px;
margin: 0 auto 40px;
padding-left: 0 !important;
}
#feature-iterate .t-block {
background-color: #ffffff;