Link svg and fix nested navlink highlighting.

1 files changed, 15 insertions, 0 deletions

diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css
index e6c2231..fbc22f7 100644
--- a/_site/assets/css/main.css
+++ b/_site/assets/css/main.css
@@ -1,3 +1,7 @@
+:root {
+  --link-color: #2f2f2f;
+}
+
 body{
   height: 100%;
   text-decoration-skip: ink;
@@ -28,6 +32,17 @@ a {
   text-decoration: none;
 }
 
+a.external::after {
+  background-color: var(--link-color);
+  content: '';
+  display: inline-flex;
+  height: 10px;
+  margin-left: 4px;
+  width: 10px;
+  mask-size: cover;
+  mask-image: url(/assets/img/external-link.svg);
+}
+
 img {
   width: 100%;
   mix-blend-mode: multiply;