perf: replace external link icon with a symbol

Former-commit-id: ac57ae63dec745b7dc140950176e817aa9b7743e

1 files changed, 6 insertions, 8 deletions

diff --git a/assets/css/_markdown.scss b/assets/css/_markdown.scss
index e66ad2c1..bb30f455 100644
--- a/assets/css/_markdown.scss
+++ b/assets/css/_markdown.scss
@@ -24,15 +24,13 @@ $em-text-color: #889E73;
     }
 
     &.external-link::after {
-        content: '';
+        content: '↗';
         display: inline-block;
-        width: 0.9em;
-        height: 0.9em;
-        background-image: url('/img/external-link.svg');
-        background-size: cover;
-        @media (prefers-color-scheme: dark) {
-            filter: invert(1);
-        }
+        font-size: 70%;
+        margin-left: 0.05em;
+        color: var(--secondary-text-color);
+        vertical-align: middle;
+        font-weight: 800;
     }
   }