From 7a8860f003c6ca495747cfde58f4e895da302f9c Mon Sep 17 00:00:00 2001 From: madrilene Date: Tue, 31 Oct 2023 16:12:29 +0100 Subject: [PATCH] avoid orphan external link icon in most browsers --- src/assets/css/global/global-styles.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/assets/css/global/global-styles.css b/src/assets/css/global/global-styles.css index 495c4aa..18941ff 100644 --- a/src/assets/css/global/global-styles.css +++ b/src/assets/css/global/global-styles.css @@ -102,7 +102,13 @@ main:focus { outline: none; } -article [href^='http']:not([href*='eleventy-excellent.netlify.app'])::after { +article [href^='http']:not([href*='eleventy-excellent.netlify.app']) { + padding-inline-end: 0.8em; +} + +article + [href^='http']:not([href*='eleventy-excellent.netlify.app']):not(.no-indicator)::after { + position: absolute; display: inline-block; inline-size: 1em; block-size: 1em;