From 0b55be4222e6b9c56be897d411c9ddc768e3ec12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Wed, 11 Mar 2020 14:51:21 +0100
Subject: [PATCH] Place: Add a gradient on illustration if too high

---
 src/style/pages/_place.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/style/pages/_place.scss b/src/style/pages/_place.scss
index 7d508a9..2f9fa6d 100644
--- a/src/style/pages/_place.scss
+++ b/src/style/pages/_place.scss
@@ -167,5 +167,17 @@
         @include breakpoint (sm) {
             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%);
+        }
     }
 }