ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages 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 { &:focus {
outline: 0; outline: 0;
} }
} }
a { a {
@ -435,10 +434,21 @@
} }
@media (max-width: 1200px) {
#feature-iterate{
h2{
font-size: 40px;
}
@media (max-width: 480px) { .it-icon{
#features{ margin-top: 52px;
text-align: center; }
.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{ #feature-clone{
.clone-icon{ .clone-icon{
width: 382px; 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{ .feature{
h2{ h2{
text-align: center; 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{ #feature-iterate{
margin-top: -80px; margin-top: -80px;
padding: 280px 0 360px; padding: 280px 0 360px;
@ -570,8 +615,9 @@
} }
.it-icon{ .it-icon{
margin-left: 45px; width: 320px;
margin-bottom: 40px; margin: 0 auto 40px;
padding-left: 0 !important;
} }
.t-block{ .t-block{

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

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