[camel-website] branch master updated: CAMEL-14718: add the push down hover effect to the buttons in frontpage

[ac...@apache.org]

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

acosentino pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/master by this push:
     new 3df9d32  CAMEL-14718: add the push down hover effect to the buttons in frontpage
     new 841d69d  Merge pull request #221 from AemieJ/design/frontpage
3df9d32 is described below

commit 3df9d327e9e4561541a5271df3bf0080ec5e725f
Author: AemieJ <ae...@hotmail.co.uk>
AuthorDate: Mon Mar 16 02:32:01 2020 +0530

    CAMEL-14718: add the push down hover effect to the buttons in frontpage
---
 antora-ui-camel/src/css/frontpage.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/antora-ui-camel/src/css/frontpage.css b/antora-ui-camel/src/css/frontpage.css
index 5aa493c..afbfcac 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -59,15 +59,19 @@ header.frontpage a:active {
   outline: none;
   display: inline-block;
   white-space: nowrap;
+  box-shadow: 0 4px #8e480b;
 }
 
 .frontpage a.significant:hover {
   color: var(--color-white);
-  box-shadow: 0 0 1.5rem var(--color-glow);
+  box-shadow: 0 3px #8e480b;
+  transform: translateY(2px);
 }
 
 .frontpage a.significant:active {
   color: var(--color-white);
+  box-shadow: 0 3px #8e480b;
+  transform: translateY(2px);
 }
 
 header.frontpage svg {