Update large link underline thickness

cloudscape-design · Aug 4, 2023 · 1dfe444 · 1dfe444
1 parent e9e72ee
commit 1dfe444
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/internal/styles/links.scss b/src/internal/styles/links.scss
@@ -19,6 +19,7 @@
   text-decoration: map.get($variant, 'decoration');
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   text-decoration-color: map.get($variant, 'decoration-color');
+  text-decoration-thickness: map.get($variant, 'decoration-thickness');
 
   @include styles.with-motion {
     transition-property: color, text-decoration;
@@ -44,6 +45,7 @@
     text-decoration: underline;
     /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
     text-decoration-color: map.get($variant, 'decoration-color-hover');
+    text-decoration-thickness: map.get($variant, 'decoration-thickness');
   }
 }
 

diff --git a/src/link/constants.scss b/src/link/constants.scss
@@ -46,6 +46,7 @@ $link-variants: (
     'decoration': underline,
     'decoration-color': currentColor,
     'decoration-color-hover': currentColor,
+    'decoration-thickness': 0.3rem,
   ),
   'top-navigation': (
     'text-color-default': awsui.$color-text-interactive-default,