occheung
/
web2019
forked from M-Labs/web2019
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(website): Adds bg for section 

Uses new bg to fit layout
This commit is contained in:
sovanna 2019-08-01 10:18:38 +02:00
parent 0b35dc8c4d
commit 21d5cb806b
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sass/css/_layout.scss
View File

@ -98,6 +98,15 @@ p ~ h5 {
background-size: contain; background-size: contain;
} }
.hero5 {
height: 380px;
background: url("../images/bottom-graphic-min@2x.png") no-repeat top center;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.hero + main { .hero + main {
margin-top: -150px; margin-top: -150px;
} }

BIN
static/images/bottom-graphic-min@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

2
templates/includes/separator_design.html
View File

@ -1,4 +1,4 @@
<div class="container-fluid {% if not separator_rm_bg %}hero3{% else %}{% endif %} d-flex flex-column justify-content-center"> <div class="container-fluid {% if not separator_rm_bg %}hero5{% else %}{% endif %} d-flex flex-column justify-content-center">
<div class="container"> <div class="container">