skew custy logo section

This commit is contained in:
Jason Costello 2016-10-07 11:00:02 -07:00
parent 5763e57a2c
commit 75dfdc43f8
2 changed files with 17 additions and 5 deletions

View File

@ -34,7 +34,7 @@ body.page-home {
}
#primary-cta{
padding-bottom: 60px;
padding-bottom: 160px;
color: $white;
background: $black;
@ -46,9 +46,13 @@ body.page-home {
#customer-logos{
position: relative;
width: 100%;
margin-top: -100px;
padding: 60px 0;
color: $white;
background: $black;
>.container {
z-index: 21;
}
p {
display: inline-block;
@ -56,6 +60,13 @@ body.page-home {
margin-right: 6%;
padding-top: 20px;
}
#customer-logos-bg{
@include skewY(-3deg);
z-index: 20;
background: $black;
background-size: 100%;
}
}
ul.customer-list{

View File

@ -23,7 +23,7 @@
</div>
</div>
<div id="customer-logos">
<div class="skew-item" id="customer-logos">
<div class="container">
<div class="row">
<div class="col-sm-12">
@ -38,8 +38,9 @@
</ul>
</div>
</div>
</div>
</div><!-- / #customer-logos -->
</div> <!-- / .container -->
<div class="feature-skew" id="customer-logos-bg"></div>
</div> <!-- / #customer-logos -->
<div id="feature-overview">
<div class="container">