add: External link styling

8fold · Feb 23, 2024 · 10620e5 · 10620e5
1 parent 4ebc0fe
commit 10620e5
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/site-root/public/css/main.css b/site-root/public/css/main.css
@@ -22,6 +22,8 @@
 	--color-black: hsla(0, 0%, 0%, 1);
 	--color-white: hsla(10, 100%, 100%, 1);
 	--color-theme: hsla(10, 98%, 26%, 1);
+
+	--icon-new-window: "⧉";
 }
 
 * {
@@ -34,6 +36,15 @@ h3 {
 	font-family: var(--header-font);
 }
 
+a[rel~=noreferrer]:after{
+  content: var(--icon-new-window);
+  display: inline-block;
+  position: relative;
+  margin-left: 0.1rem;
+  top: -0.2rem;
+  font-size: 0.75rem;
+}
+
 h1 > a {
 	display: block;
 	height: 50px;