Place: Add a gradient on illustration if too high

2020-03-11 14:51:21 +01:00
parent 7b7cc50790
commit 0b55be4222
1 changed files with 12 additions and 0 deletions
--- 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%);
+        }
    }
 }