fix external link styles

This commit is contained in:
a 2022-11-26 09:09:21 -06:00
parent 63722e979b
commit 4cdd3569bd
3 changed files with 16 additions and 17 deletions

View file

@ -27,20 +27,3 @@ a:hover {
@media (prefers-reduced-motion) {
a:link {transition: none}
}
/* mark external links */
a[href^="http"]:after {
content: "🡕";
}
a[href^="{{.Site.BaseURL}}"]:after
{
display: none !important;
}
a[href^="http://localhost"]:after
{
display: none !important;
}

View file

@ -22,6 +22,7 @@
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css" integrity="sha256-XoaMnoYC5TH6/+ihMEnospgm0J1PM/nioxbOUdnM8HY=" crossorigin="anonymous">
{{ partial "seo.html" . }}
{{ partial "styles/external-links.html" . }}
{{ block "head" . }}
{{ end }}
</head>

View file

@ -0,0 +1,15 @@
<style>
a[href^="http"]:after {
content: "🡕";
}
a[href^="{{.Site.BaseURL}}"]:after
{
display: none !important;
}
a[href^="http://localhost"]:after
{
display: none !important;
}
</style>