[causeway-site] branch asf-site updated: CSS logo placement fix

[ahuber]

This is an automated email from the ASF dual-hosted git repository.

ahuber pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/causeway-site.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new c12a1021b CSS logo placement fix
c12a1021b is described below

commit c12a1021b1d613e28ac7fe983ed0fa551d9c6b27
Author: Andi Huber <ahu...@apache.org>
AuthorDate: Thu Feb 9 10:12:26 2023 +0100

    CSS logo placement fix
    
    - also change code snipped bg color
---
 content/_/css/home/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/content/_/css/home/style.css b/content/_/css/home/style.css
index 1e19c9556..071adf0a6 100644
--- a/content/_/css/home/style.css
+++ b/content/_/css/home/style.css
@@ -49,6 +49,8 @@
 
   --color-theme-blue: var(--color-causeway-purple);
   --color-theme-green: var(--color-causeway-yellow);
+  
+  --color-dark-overlay: #0000002e; /* black with some opacity*/
 }
 
 body {
@@ -201,6 +203,7 @@ h6 {
 
 #header #logo img {
   height: 48px;
+  margin-top: 1rem;
 }
 
 /*--------------------------------------------------------------
@@ -876,7 +879,7 @@ body.mobile-nav-active #mobile-nav-toggle {
 --------------------------------*/
 
 #call-to-action {
-  background: var(--color-causeway-purple);
+  background: var(--color-dark-overlay);
   background-size: cover;
   padding: 40px 0;
 }