ResiLien
/
terraform
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
website/source/assets/stylesheets/_home.scss
View File

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

7
website/source/index.html.erb
View File

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