style(docs): ensure ext link icon is visible and has margins

Signed-off-by: Stefan Pfaffel <[email protected]>
discue · Jan 12, 2025 · a4cf5f5 · a4cf5f5
1 parent 5a83247
commit a4cf5f5
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/styles/external-link.scss b/styles/external-link.scss
@@ -4,13 +4,18 @@
 
 .external-link::after,
 .external-link-icon::after {
+    @apply inline-block p-0.5;
     content: "";
-    display: inline-block;
-    padding: 1px;
+    margin-left: 0.25rem;
     width: 11px;
     height: 11px;
     background: var(--external-link-icon-color);
     flex-shrink: 0;
     -webkit-mask-image: var(--external-link-icon);
     mask-image: var(--external-link-icon);
+}
+
+.external-link-icon [vp-content] a[href*="://"]:not(.no-external-link-icon)::after,
+.external-link-icon [vp-content] a[target=_blank]:not(.no-external-link-icon)::after {
+    @apply p-0.5;
 }