[camel-website] branch master updated: fix: allow the logo to resize with font sizes

[zr...@apache.org]

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


The following commit(s) were added to refs/heads/master by this push:
     new 9c2ddbe  fix: allow the logo to resize with font sizes
9c2ddbe is described below

commit 9c2ddbe4130d230f6466c88ff1d5276f952c1d42
Author: Zoran Regvart <zr...@apache.org>
AuthorDate: Tue Dec 3 12:25:30 2019 +0100

    fix: allow the logo to resize with font sizes
    
    By using the `rem` unit we're able to scale the logo with respect to the
    any changes to the font size that the user might customize.
    For instance changing the font size to 11 should not crop the logo now.
---
 antora-ui-camel/src/css/nav.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index 38e87b8..fce61ee 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -289,10 +289,10 @@ html.is-clipped--nav {
 .nav-logo {
   background-image: url('../img/logo-camel-medium.png');
   background-repeat: no-repeat;
-  background-size: 160px;
+  background-size: 9.5rem;
   background-position-x: 10px;
   background-position-y: 10px;
-  width: 180px;
+  width: 11rem;
 }
 
 .nav-logo span {