refactor(banner): update gradient

eea · Mar 30, 2022 · 570ee1e · 570ee1e
1 parent 86a2866
commit 570ee1e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/theme/themes/eea/extras/banner.less b/theme/themes/eea/extras/banner.less
@@ -88,8 +88,12 @@
     width: 100%;
     height: 100%;
 
-    .gradient .content {
-      padding: @mobileContentPaddingWithImage;
+    .gradient {
+      background-image: @backgroundGradientWithImage;
+
+      .content {
+        padding: @mobileContentPaddingWithImage;
+      }
     }
   }
 

diff --git a/theme/themes/eea/extras/banner.variables b/theme/themes/eea/extras/banner.variables
@@ -10,8 +10,9 @@
 @imageBackgroundPosition : center;
 
 /* Gradient */
-@backgroundGradient        : linear-gradient(0deg, rgb(20, 33, 44, 90%) 24%, rgba(0, 36, 78, 0) 80%);
-@backgroundGradientOpacity : 0.9;
+@backgroundGradient           : linear-gradient(8deg, #0c1b28b3 32%, rgba(0, 36, 78, 0) 80%);
+@backgroundGradientWithImage  : linear-gradient(0deg, rgb(20, 33, 44, 90%) 24%, rgba(0, 36, 78, 0) 80%);
+@backgroundGradientOpacity    : 0.9;
 
 /* Content */
 @mobileContentPadding      : 1rem 0 1.25rem;