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 f3d7110 CAMEL-15371: underline links
f3d7110 is described below
commit f3d711018e1d641ca666766fbade224f41cc6204
Author: Aemie Jariwala <44139348+aem...@users.noreply.github.com>
AuthorDate: Fri Aug 14 13:54:47 2020 +0530
CAMEL-15371: underline links
* CAMEL-15371: underline links
* CAMEL-15371: apply dotted underline to links
use background image to created dotted effect
---
antora-ui-camel/src/css/blog.css | 1 +
antora-ui-camel/src/css/doc.css | 13 +++++++++++++
antora-ui-camel/src/css/frontpage.css | 11 +++++++++++
3 files changed, 25 insertions(+)
diff --git a/antora-ui-camel/src/css/blog.css b/antora-ui-camel/src/css/blog.css
index 058b166..460cec2 100644
--- a/antora-ui-camel/src/css/blog.css
+++ b/antora-ui-camel/src/css/blog.css
@@ -41,6 +41,7 @@ article.blog p {
.blog a.continue {
font-weight: bold;
+ text-decoration: none;
}
.blog header h1 {
diff --git a/antora-ui-camel/src/css/doc.css b/antora-ui-camel/src/css/doc.css
index 90ec55a..ae37c3a 100644
--- a/antora-ui-camel/src/css/doc.css
+++ b/antora-ui-camel/src/css/doc.css
@@ -149,6 +149,19 @@
.doc a {
color: var(--link-font-color);
word-break: break-word;
+ text-decoration: none;
+ background-image: linear-gradient(to right, #583ac2 50%, transparent 50%);
+ background-position: 0 1.1em;
+ background-repeat: repeat-x;
+ background-size: 7px 1px;
+}
+
+.doc li a,
+.doc table a,
+.doc .section .links a,
+.doc .camel-project .links a,
+.doc .sect2 h3 a {
+ background: none;
}
.doc table.tableblock td a {
diff --git a/antora-ui-camel/src/css/frontpage.css
b/antora-ui-camel/src/css/frontpage.css
index ae2acff..3fd7a1a 100644
--- a/antora-ui-camel/src/css/frontpage.css
+++ b/antora-ui-camel/src/css/frontpage.css
@@ -20,6 +20,11 @@ section.frontpage {
section.frontpage a {
color: var(--link-font-color);
+ text-decoration: none;
+ background-image: linear-gradient(to right, #583ac2 50%, transparent 50%);
+ background-position: 0 1.1em;
+ background-repeat: repeat-x;
+ background-size: 7px 1px;
}
section.frontpage a:hover {
@@ -74,10 +79,16 @@ header.frontpage p {
white-space: nowrap;
padding: 0.7rem 1rem;
background-color: var(--color-camel-orange);
+ background-image: none;
+ background-repeat: no-repeat;
+ background-position: 0;
color: white;
font-weight: bold;
margin-right: 0.5rem;
border-radius: 3rem;
+ outline: none;
+ display: inline-block;
+ box-shadow: 0 4px #8e480b;
}
.frontpage a.button-light {
