better external link indicator
This commit is contained in:
parent
ad39024b39
commit
5e26ccfe73
2 changed files with 9 additions and 7 deletions
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Reference in a new issue