flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Place: Add a gradient on illustration if too high
Some checks failed
continuous-integration/drone/push Build was killed
Details

Browse Source
This commit is contained in:
Félix Péault
2020-03-11 14:51:21 +01:00
parent 7b7cc50790
commit 0b55be4222
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/style/pages/_place.scss
View File

@@ -167,5 +167,17 @@
@include breakpoint (sm) { @include breakpoint (sm) {
background-image: var(--url-desktop); background-image: var(--url-desktop);
} }
// Gradient on top
&:before {
content: "";
width: 100%;
height: 60vw;
display: block;
position: absolute;
bottom: 0;
left: 0;
background: linear-gradient(180deg, transparent 0%, $color-primary 100%);
}
} }
} }