fix(GDH-1357): fix external link icon alignment (#1363)

* fix(GDH-1357): fix external link icon alignment * fix(GDH-1357): refactor * fix(GDH-1357): add additional fix spacing icon
nl-design-system · Nov 1, 2023 · f5d1a0a · f5d1a0a
1 parent 4e79587
commit f5d1a0a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 121,148 deletions.
diff --git a/components/Link/src/index.scss b/components/Link/src/index.scss
@@ -147,3 +147,16 @@ li .denhaag-link__icon {
   clip: rect(0, 0, 0, 0);
   border: 0;
 }
+
+p > .denhaag-link--with-icon-end.denhaag-link--external,
+.denhaag-note .denhaag-link--with-icon-end.denhaag-link--external,
+.denhaag-unordered-list li > .denhaag-link--with-icon-end.denhaag-link--external,
+.denhaag-ordered-list li > .denhaag-link--with-icon-end.denhaag-link--external {
+  --denhaag-link-external-icon-margin-inline-start: 0;
+
+  display: inline-flex;
+}
+
+.denhaag-procedure .denhaag-link--external .denhaag-link__icon {
+  --denhaag-link-external-icon-margin-inline-start: 0.25rem;
+}