diff --git a/website/source/stylesheets/_home.less b/website/source/stylesheets/_home.less index a4958a072..1cdb3b552 100755 --- a/website/source/stylesheets/_home.less +++ b/website/source/stylesheets/_home.less @@ -50,7 +50,7 @@ } h2{ - font-size: 41px + font-size: 43px } p{ @@ -63,8 +63,8 @@ color: white; line-height: 88px; text-align: center; - margin: 60px 20px 0; - font-size: 35px; + margin: 81px 20px 0; + font-size: 30px; font-family: "Courier New", Monaco, Menlo, Consolas, monospace; } } @@ -380,6 +380,22 @@ } } + +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #demos{ + .terminals{ + .terminal-item{ + .feature-bullets{ + li{ + background-size: 12px 12px; + } + } + } + } + } +} + + @media (min-width: 1500px) { #feature-auto{ @@ -402,46 +418,30 @@ } } - -@media (max-width: 992px) { - #features{ - .double-row{ - padding: 0 0 0 0; - .row{ - padding-bottom: 90px; - } +@media (min-width: 1200px) { + #feature-auto{ + h2{ + font-size: 41px; } - - .icn{ - height: 200px; + .terminal-text{ + background: black; + color: white; + line-height: 88px; + text-align: center; + margin: 60px 20px 0; + font-size: 32px; } } } + + @media (max-width: 480px) { #features{ text-align: center; } } - - -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - #demos{ - .terminals{ - .terminal-item{ - .feature-bullets{ - li{ - background-size: 12px 12px; - } - } - } - } - } -} - - - @media (max-width: 992px) { .feature{ @@ -451,6 +451,35 @@ } } + #feature-clone{ + .clone-icon{ + width: 382px; + margin: 40px auto 0; + padding-left: 0 !important; + } + } + + #feature-auto{ + + h2{ + font-size: 43px + } + + p{ + text-align: right; + padding-left: 100px; + } + + .terminal-text{ + background: black; + color: white; + line-height: 88px; + text-align: center; + margin: 60px 20px 0; + font-size: 32px; + } + } + #demos{ .terminals{ .terminal-item{ @@ -476,7 +505,6 @@ text-align: center; } } - #demos{ .terminals{ diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index c5992f3e9..a629c474f 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -679,7 +679,7 @@ body.page-home #footer { transform: skewY(3deg); } #feature-auto h2 { - font-size: 41px; + font-size: 43px; } #feature-auto p { text-align: right; @@ -690,8 +690,8 @@ body.page-home #footer { color: white; line-height: 88px; text-align: center; - margin: 60px 20px 0; - font-size: 35px; + margin: 81px 20px 0; + font-size: 30px; font-family: "Courier New", Monaco, Menlo, Consolas, monospace; } #feature-iterate { @@ -983,6 +983,11 @@ body.page-home #footer { #demos .terminals .terminal-item .feature-bullets li { padding: 5px 0 5px 45px; } +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + #demos .terminals .terminal-item .feature-bullets li { + background-size: 12px 12px; + } +} @media (min-width: 1500px) { #feature-auto { padding: 270px 0 400px; @@ -1000,15 +1005,17 @@ body.page-home #footer { padding-top: 240px; } } -@media (max-width: 992px) { - #features .double-row { - padding: 0 0 0 0; +@media (min-width: 1200px) { + #feature-auto h2 { + font-size: 41px; } - #features .double-row .row { - padding-bottom: 90px; - } - #features .icn { - height: 200px; + #feature-auto .terminal-text { + background: black; + color: white; + line-height: 88px; + text-align: center; + margin: 60px 20px 0; + font-size: 32px; } } @media (max-width: 480px) { @@ -1016,17 +1023,32 @@ body.page-home #footer { text-align: center; } } -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - #demos .terminals .terminal-item .feature-bullets li { - background-size: 12px 12px; - } -} @media (max-width: 992px) { .feature h2, .feature p { text-align: center !important; padding-left: 0 !important; } + #feature-clone .clone-icon { + width: 382px; + margin: 40px auto 0; + padding-left: 0 !important; + } + #feature-auto h2 { + font-size: 43px; + } + #feature-auto p { + text-align: right; + padding-left: 100px; + } + #feature-auto .terminal-text { + background: black; + color: white; + line-height: 88px; + text-align: center; + margin: 60px 20px 0; + font-size: 32px; + } #demos .terminals .terminal-item > header .right { padding-left: 54px; }