From 69bb20822b2fb177f9bf03b55edb5e38fe390418 Mon Sep 17 00:00:00 2001
From: Chris Lawton <chris.lawton@torchbox.com>
Date: Tue, 16 Jan 2018 15:10:44 +0000
Subject: [PATCH] adding overlay class/placeholder and adding to header
---
opentech/static_src/src/sass/base/_base.scss | 12 ++++++++++++
opentech/static_src/src/sass/layout/_header.scss | 5 +++++
2 files changed, 17 insertions(+)
diff --git a/opentech/static_src/src/sass/base/_base.scss b/opentech/static_src/src/sass/base/_base.scss
index 59ca2a341..e2b5f673d 100755
--- a/opentech/static_src/src/sass/base/_base.scss
+++ b/opentech/static_src/src/sass/base/_base.scss
@@ -83,3 +83,15 @@ ol {
%is-unhidden {
display: block;
}
+
+.overlay,
+%overlay {
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 5;
+ width: 100%;
+ background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.72) 0%, rgba(116, 116, 118, 0) 96%);
+ content: '';
+ opacity: 0.3;
+}
diff --git a/opentech/static_src/src/sass/layout/_header.scss b/opentech/static_src/src/sass/layout/_header.scss
index 08c08c0f9..95eda813f 100644
--- a/opentech/static_src/src/sass/layout/_header.scss
+++ b/opentech/static_src/src/sass/layout/_header.scss
@@ -4,6 +4,11 @@
padding: 10px;
background-color: $color--primary;
+ &::before {
+ @extend %overlay;
+ height: 300px;
+ }
+
@include media-query(tablet-portrait) {
height: 410px;
padding: 20px;
--
GitLab