add: External link styles

8fold · Mar 9, 2024 · 9fdf8c3 · 9fdf8c3
1 parent b30c599
commit 9fdf8c3
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/site-root/local/css/styles.min.css b/site-root/local/css/styles.min.css
@@ -19,13 +19,19 @@
   --l-spacer: 2rem;
   --m-spacer: 1rem;
   --xs-spacer: 0.5rem;
+  --2xs-spacer: 0.25rem;
 
   --1-px: 1px;
 
+  --icon-new-window: "⧉";
+  --icon-lift-spacer: -0.5rem;
+
   --center: center;
   --italic: italic;
   --pointer: pointer;
   --dotted: dotted;
+  --inline-block: inline-block;
+  --relative: relative;
 }
 
 body {
@@ -101,3 +107,12 @@ abbr {
     }
   }
 }
+
+a[rel~=noreferrer]:after {
+  content: var(--icon-new-window);
+  display: var(--inline-block);
+  margin-left: var(--2xs-spacer);
+  position: var(--relative);
+  top: var(--icon-lift-spacer);
+  font-size: var(--xs-font);
+}