Change sizes of link icons to use px instead of em to prevent occasio…

…nal clipping (#523)
SU-SWS · Oct 25, 2019 · bbe88c2 · bbe88c2
1 parent 1bf07cc
commit bbe88c2
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 22 deletions.
diff --git a/core/dist/css/decanter.css b/core/dist/css/decanter.css
diff --git a/core/src/scss/components/link/_link--action.scss b/core/src/scss/components/link/_link--action.scss
@@ -7,5 +7,5 @@
 // @see scss/utilities/mixins/link/_action-link.scss
 //
 .su-link--action {
-  @include link-icon(caret-right, 0.5em);
+  @include link-icon(caret-right, 10px, right, 0.06em);
 }
diff --git a/core/src/scss/components/link/_link--download.scss b/core/src/scss/components/link/_link--download.scss
@@ -7,5 +7,5 @@
 // @see scss/utilities/mixins/link/_link-icon.scss
 //
 .su-link--download {
-  @include link-icon(download, 0.75em, down);
+  @include link-icon(download, 12px, down);
 }
diff --git a/core/src/scss/components/link/_link--external.scss b/core/src/scss/components/link/_link--external.scss
@@ -7,5 +7,5 @@
 // @see scss/utilities/mixins/link/_link-icon.scss
 //
 .su-link--external {
-  @include link-icon(arrow-up-right, 0.6em, topright, -0.06em);
+  @include link-icon(arrow-up-right, 10px, topright);
 }
diff --git a/core/src/scss/components/link/_link--internal.scss b/core/src/scss/components/link/_link--internal.scss
@@ -7,7 +7,7 @@
 // @see scss/utilities/mixins/link/_link-icon.scss
 //
 .su-link--internal {
-  @include link-icon(lock, 0.75em, none, -0.06em);
+  @include link-icon(lock, 13px, none, -0.03em);
 
   &:hover,
   &:focus {

diff --git a/core/src/scss/components/link/_link--jump.scss b/core/src/scss/components/link/_link--jump.scss
@@ -7,5 +7,5 @@
 // @see scss/utilities/mixins/link/_link-icon.scss
 //
 .su-link--jump {
-  @include link-icon(caret-down, 0.65em, down, -0.04em);
+  @include link-icon(caret-down, 12px, down);
 }
diff --git a/core/src/scss/components/link/_link--video.scss b/core/src/scss/components/link/_link--video.scss
@@ -7,5 +7,5 @@
 // @see scss/utilities/mixins/link/_link-icon.scss
 //
 .su-link--video {
-  @include link-icon(video, 0.8em, right, -0.2em);
+  @include link-icon(video, 13px, right, -0.14em);
 }