add skewed div below jumbotron

this is a temp fix until the logos are approved and added back in
This commit is contained in:
Jason Costello 2016-10-31 13:48:12 -07:00
parent 8d97491e23
commit 43f94873f3
2 changed files with 12 additions and 1 deletions

View File

@ -29,7 +29,7 @@ body.page-home {
font-size: 15px;
line-height: 1.5;
font-weight: regular;
letter-spacing: .1px;
letter-spacing: .2px;
margin-bottom: 2.2em;
font-family: $font-family-open-sans;
font-weight: $font-weight-open;
@ -52,6 +52,15 @@ body.page-home {
}
}
.temp-skew {
height: 240px;
background-color: #000;
@include skewY(-3deg);
margin-top: -100px;
-webkit-backface-visibility: hidden;
border: 2px solid #000;
}
#customer-logos{
position: relative;
width: 100%;

View File

@ -32,6 +32,8 @@
</div><!-- / .container -->
</div><!-- / .#primary-cta -->
<div class="temp-skew"></div>
<div id="feature-overview">
<div class="container">
<div class="row">