From 3aaa6a23f94cdf3531c8fc06b607a8c1b98b6427 Mon Sep 17 00:00:00 2001 From: Patrick Yeo Date: Fri, 8 Sep 2023 15:16:44 -0700 Subject: [PATCH] fix(@clayui/css): Use component-focus-box-shadow for anchor tags --- packages/clay-css/src/scss/cadmin/variables/_globals.scss | 6 ++++++ packages/clay-css/src/scss/variables/_globals.scss | 6 ++++++ 2 files changed, 12 insertions(+) diff --git a/packages/clay-css/src/scss/cadmin/variables/_globals.scss b/packages/clay-css/src/scss/cadmin/variables/_globals.scss index 46c227c4ca..645cf81a4d 100644 --- a/packages/clay-css/src/scss/cadmin/variables/_globals.scss +++ b/packages/clay-css/src/scss/cadmin/variables/_globals.scss @@ -704,14 +704,20 @@ $cadmin-link-hover-decoration: underline !default; $cadmin-link: () !default; $cadmin-link: map-deep-merge( ( + border-radius: 1px, color: $cadmin-link-color, cursor: $cadmin-link-cursor, text-decoration: $cadmin-link-decoration, text-underline-offset: 0.23em, + transition: clay-enable-transitions($cadmin-component-transition), hover: ( color: $cadmin-link-hover-color, text-decoration: $cadmin-link-hover-decoration, ), + focus: ( + box-shadow: $cadmin-component-focus-box-shadow, + outline: 0, + ), ), $cadmin-link ); diff --git a/packages/clay-css/src/scss/variables/_globals.scss b/packages/clay-css/src/scss/variables/_globals.scss index 3daf34fce4..c563ac3013 100644 --- a/packages/clay-css/src/scss/variables/_globals.scss +++ b/packages/clay-css/src/scss/variables/_globals.scss @@ -587,13 +587,19 @@ $link-hover-decoration: underline !default; $link: () !default; $link: map-deep-merge( ( + border-radius: 1px, color: $link-color, text-decoration: $link-decoration, text-underline-offset: 0.23em, + transition: clay-enable-transitions($component-transition), hover: ( color: $link-hover-color, text-decoration: $link-hover-decoration, ), + focus: ( + box-shadow: $component-focus-box-shadow, + outline: 0, + ), ), $link );