Revert "Merge branch 'website-post-update-revisions-full-bleed' into website-post-update-revisions"
This reverts commit756e43617e
, reversing changes made tobce788ea9e
.
This commit is contained in:
parent
9d78778f46
commit
b8306a3733
|
@ -1,7 +1,7 @@
|
|||
.button {
|
||||
background: $button-background;
|
||||
border: 1px solid $button-font-color;
|
||||
box-shadow: 4px 4px 0 rgba(0,0,0,0.07);
|
||||
box-shadow: 3px 4px 0 rgba(0,0,0,0.1);
|
||||
color: $button-font-color;
|
||||
display: inline-block;
|
||||
font-family: $button-font-family;
|
||||
|
|
|
@ -45,38 +45,12 @@ $baseline: 20px;
|
|||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background: url('../images/hero-image.svg') no-repeat;
|
||||
|
||||
@media (max-width: 991px) {
|
||||
align-items: flex-end;
|
||||
padding-top: 60%;
|
||||
background-size: 80%;
|
||||
background-position: top right;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
height: 400px;
|
||||
text-align: left;
|
||||
align-items: center;
|
||||
background-size: 50%;
|
||||
background-position: right;
|
||||
}
|
||||
|
||||
@media (min-width: 1280px) {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.hero {
|
||||
h1 {
|
||||
font-weight: $font-weight-bold;
|
||||
color: $black;
|
||||
}
|
||||
margin: 140px auto 160px auto;
|
||||
text-align: center;
|
||||
|
||||
.button {
|
||||
margin: 5px 5px 5px 2px;
|
||||
margin: 5px;
|
||||
|
||||
@media (max-width: 768px) {
|
||||
display: block;
|
||||
|
|
|
@ -8,7 +8,7 @@ description: |-
|
|||
<div class="container hero">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<!-- <%= inline_svg "logo-text.svg", height: 120, class: "logo" %> -->
|
||||
<%= inline_svg "logo-text.svg", height: 120, class: "logo" %>
|
||||
|
||||
<h1>
|
||||
Build Automated Machine Images
|
||||
|
@ -17,7 +17,9 @@ description: |-
|
|||
<a class="button primary" href="/intro/index.html">Get Started</a>
|
||||
<a class="button" href="/downloads.html">Download <%= latest_version %></a>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6">
|
||||
<%= inline_svg "hero-image.svg" %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
Loading…
Reference in New Issue