From 3ea6517988f01e18c9f596a6e1625b661ef957a2 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Thu, 10 Nov 2022 21:22:53 +0000
Subject: [PATCH] make link text better readable
---
_includes/block/features.html | 2 +-
_includes/block/functions.html | 4 ++--
assets/index.css | 4 ++++
3 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/_includes/block/features.html b/_includes/block/features.html
index f5b436e1..79afd217 100644
--- a/_includes/block/features.html
+++ b/_includes/block/features.html
@@ -7,7 +7,7 @@
<h1 class="header-text title-font mb-2 cm-gray-1">{{ include.data.title }}</h1>
{% if include.link %}
{% assign link=include.data.link|default:include.link %}
- <a href="{% include fnc/link.html item=link %}" alt="learn more"><img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
+ <a href="{% include fnc/link.html item=link %}" alt="learn more" class="color-link"><img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
{% endif %}
</div>
<div class="h-1 w-20 bg-secondary rounded"></div>
diff --git a/_includes/block/functions.html b/_includes/block/functions.html
index df345f43..aa53da3b 100644
--- a/_includes/block/functions.html
+++ b/_includes/block/functions.html
@@ -11,7 +11,7 @@
{% if include.data.title %}<h1 class="header-text title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>{% endif %}
{% if include.data.text %}<p class="lg:w-2/3 mx-auto leading-relaxed text-base">{{ include.data.text }}</p>{% endif %}
{% if include.data.link and include.no_link != true %}
- <a class="text-secondary inline-flex items-center justify-center" href="{% include fnc/link.html item=include.data.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
+ <a class="text-secondary inline-flex items-center justify-center color-link" href="{% include fnc/link.html item=include.data.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
{% endif %}
</div>
{% endif %}
@@ -25,7 +25,7 @@
{% if include.extend and item.extend %}<br><br>{{ item.extend }}{% endif %}
</p>
{% if item.link %}
- <a class="text-secondary inline-flex items-center" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
+ <a class="text-secondary inline-flex items-center color-link" href="{% include fnc/link.html item=item.link %}" alt="learn more">Learn More <img class="w-4 h-4 ml-2" alt="Arrow pointing right" src="{{ '/assets/learn.svg' | relative_url }}" /></a>
{% endif %}
</div>
{% endfor %}
diff --git a/assets/index.css b/assets/index.css
index 16e6941e..73ef3507 100644
--- a/assets/index.css
+++ b/assets/index.css
@@ -59,6 +59,10 @@ layout: empty
visibility: hidden;
}
+ .color-link {
+ @apply text-secondary
+ }
+
.badge {
@apply py-1 px-2.5 rounded-full
}