lewis/lewisdale.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a glyph to external links to visually mark them as external

Browse Source
This commit is contained in:
Lewis Dale 2023-08-25 08:11:24 +01:00
parent e9fdc71270
commit 26bdc77b9a
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/_includes/base.njk
View File

@ -2,9 +2,7 @@
<html lang="{{metadata.site.language}}">
<head>
<title>{{ title | safe }} | {{ metadata.site.name }}</title>
{% if includeFA %}
<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/fontawesome.css" />
{% endif %}
{% if includePrism %}
<link rel="stylesheet" type="text/css" href="https://cdn.lewisdale.dev/assets/css/prism.css" />
{% endif %}

12
src/css/globals.css
View File

@ -79,4 +79,16 @@ aside {
height: fit-content;
max-width: 50ch;
padding: var(--space-size-xs);
}
a[target="_blank"]::after {
content: " \f08e";
font-family: "font awesome 6 free";
font-style: normal;
font-variant: normal;
text-rendering: auto;
font-weight: 900;
-webkit-font-smoothing: antialiased;
font-size: var(--text-size-xs);
vertical-align: super;
}