change(hero): added styles for adding dark overlay to hero

eea · Jun 13, 2022 · bf1d292 · bf1d292
1 parent 47f30f3
commit bf1d292
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git a/theme/themes/eea/extras/hero.less b/theme/themes/eea/extras/hero.less
@@ -29,6 +29,8 @@
   background-position: @heroBlockImageBackgroundPosition;
   width: 100%;
   height: 100%;
+  position: absolute;
+  z-index: -1;
 }
 
 .hero-block-text .quoted > * {

diff --git a/theme/themes/eea/globals/utilities.less b/theme/themes/eea/globals/utilities.less
@@ -9,6 +9,17 @@
 .color-bg-tertiary { background-color: @tertiaryColor !important; }
 .color-bg-grey { background-color: @grey-1 !important; }
 
+.dark-overlay-4 {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  background: #000;
+  opacity: 0.4;
+  z-index: -1;
+}
+
 // Display utilities
 .d-flex { display: flex !important; }
 .flex-items-start { align-items: flex-start !important; }