Increase external link margin styling (#240)

18F · Aug 25, 2021 · af4d3ba · af4d3ba
1 parent 6763d81
commit af4d3ba
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ### Improvements
 
 - Whitespace in checkbox and radio label markup will no longer cause the label text to be misplaced.
+- Margins surrounding an external link icon have been increased slightly.
 
 ## 6.0.0
 

diff --git a/src/scss/components/_links.scss b/src/scss/components/_links.scss
@@ -0,0 +1,4 @@
+.usa-link--external::after {
+  margin-left: units(.5);
+  margin-right: units(2px);
+}
diff --git a/src/scss/packages/_components.scss b/src/scss/packages/_components.scss
@@ -10,6 +10,7 @@
 @import '../components/general';
 @import '../components/hero';
 @import '../components/inputs';
+@import '../components/links';
 @import '../components/navbar';
 @import '../components/sidenav';
 @import '../components/spinner';