better external link indicator

This commit is contained in:
madrilene 2025-04-09 07:08:45 +02:00
parent ad39024b39
commit 5e26ccfe73
2 changed files with 9 additions and 7 deletions

View file

@ -31,7 +31,7 @@
{% for key, value in personal.platforms %}
{% if value != "" %}
<!-- regular platforms -->
<a href="{{ value }}" rel="me">
<a class="no-indicator" href="{{ value }}" rel="me">
<span class="visually-hidden">{{ key | capitalize }}</span>
{% svg 'platform/' + key %}
</a>
@ -44,7 +44,7 @@
<aside class="creator | cluster gutter-2xs text-step-min-1 mt-xl">
Made with <span class="visually-hidden">love</span> <span>{% svg "misc/heart" %}</span> and
<a href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by
<a class="no-indicator" href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by
<a href="{{ meta.creator.website }}">{{ meta.creator.name }}</a>
</aside>
</div>

View file

@ -1,12 +1,14 @@
article
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button) {
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button):not(
.no-indicator
),
.indicator {
padding-inline-end: 0.8em;
}
article
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
.no-indicator
)::after {
)::after,
.indicator::after {
position: absolute;
display: inline-block;
inline-size: 1em;