You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@camel.apache.org by zr...@apache.org on 2019/08/15 08:58:54 UTC

[camel-website] 05/05: chore: cleanup significant button links

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

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

commit f59ca90262a93f2c34af2293679e36630bf64f5a
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Thu Aug 15 10:47:45 2019 +0200

    chore: cleanup significant button links
    
    Also adds a slight yellow glow on hover.
---
 antora-ui-camel/src/css/frontpage.css | 7 ++++---
 antora-ui-camel/src/css/vars.css      | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/antora-ui-camel/src/css/frontpage.css b/antora-ui-camel/src/css/frontpage.css
index 448388c..eb40ea0 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -27,6 +27,8 @@ header.frontpage p {
 
 .frontpage a:hover {
   color: var(--color-white);
+  text-decoration: none;
+  box-shadow: 0 0 1.5rem var(--color-glow);
 }
 
 .frontpage a:active {
@@ -35,14 +37,13 @@ header.frontpage p {
 
 .frontpage a.significant {
   margin: 1rem;
-  padding: 0.4rem 1rem;
+  padding: 0.8rem 1.5rem;
   background: var(--color-camel-orange);
   color: var(--color-white);
   border-radius: 8px;
-  font-size: 1rem;
+  font-size: 1.2rem;
   font-weight: bold;
   outline: none;
-  border: 1px solid var(--color-white);
   display: inline-block;
   white-space: nowrap;
 }
diff --git a/antora-ui-camel/src/css/vars.css b/antora-ui-camel/src/css/vars.css
index e3bd5dd..3208946 100644
--- a/antora-ui-camel/src/css/vars.css
+++ b/antora-ui-camel/src/css/vars.css
@@ -20,6 +20,7 @@
   --color-asf-moderate-blue: #585ac2;
   --color-camel-orange: #ed8225;
   --color-highlight: #fffcdd;
+  --color-glow: #fff7a3;
   /* fonts */
   --rem-base: 18; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
   --body-font-size: 1.0625em; /* 17px */