fix(@clayui/css): Cadmin Links .component-action and `.link-outline…

…` should have focus shadow
liferay · Oct 6, 2022 · d646ef1 · d646ef1
1 parent 4cd0681
commit d646ef1
Showing 1 changed file with 6 additions and 15 deletions.
diff --git a/packages/clay-css/src/scss/cadmin/variables/_links.scss b/packages/clay-css/src/scss/cadmin/variables/_links.scss
@@ -111,7 +111,12 @@ $cadmin-link-outline: map-deep-merge(
 		hover: (
 			text-decoration: none,
 		),
+		focus: (
+			box-shadow: $cadmin-component-focus-box-shadow,
+			outline: 0,
+		),
 		disabled: (
+			box-shadow: none,
 			active: (
 				pointer-events: none,
 			),
@@ -134,9 +139,7 @@ $cadmin-link-outline-primary: map-deep-merge(
 		),
 		focus: (
 			background-color: $cadmin-primary-l3,
-			box-shadow: map-get($cadmin-btn-outline-primary, focus-box-shadow),
 			color: $cadmin-primary,
-			outline: 0,
 		),
 		active: (
 			background-color:
@@ -145,14 +148,10 @@ $cadmin-link-outline-primary: map-deep-merge(
 		),
 		disabled: (
 			background-color: transparent,
-			box-shadow: none,
 			color: $cadmin-primary,
 			cursor: $cadmin-btn-disabled-cursor,
 			opacity: $cadmin-btn-disabled-opacity,
 		),
-		btn-focus-box-shadow:
-			map-get($cadmin-btn-outline-primary, focus-box-shadow),
-		btn-focus-outline: 0,
 	),
 	$cadmin-link-outline-primary
 );
@@ -168,24 +167,18 @@ $cadmin-link-outline-secondary: map-deep-merge(
 		),
 		focus: (
 			background-color: rgba($cadmin-gray-900, 0.03),
-			box-shadow: map-get($cadmin-btn-outline-secondary, focus-box-shadow),
 			color: $cadmin-gray-900,
-			outline: 0,
 		),
 		active: (
 			background-color: rgba($cadmin-gray-900, 0.06),
 			color: $cadmin-gray-900,
 		),
 		disabled: (
 			background-color: transparent,
-			box-shadow: none,
 			color: $cadmin-secondary,
 			cursor: $cadmin-btn-disabled-cursor,
 			opacity: $cadmin-btn-disabled-opacity,
 		),
-		btn-focus-box-shadow:
-			map-get($cadmin-btn-outline-secondary, focus-box-shadow),
-		btn-focus-outline: 0,
 	),
 	$cadmin-link-outline-secondary
 );
@@ -323,7 +316,7 @@ $cadmin-component-action: map-deep-merge(
 		),
 		focus: (
 			background-color: rgba($cadmin-gray-900, 0.03),
-			box-shadow: map-get($cadmin-btn-secondary, focus-box-shadow),
+			box-shadow: $cadmin-component-focus-box-shadow,
 			color: $cadmin-gray-900,
 			outline: 0,
 		),
@@ -341,8 +334,6 @@ $cadmin-component-action: map-deep-merge(
 				pointer-events: none,
 			),
 		),
-		btn-focus-box-shadow: map-get($cadmin-btn-secondary, focus-box-shadow),
-		btn-focus-outline: 0,
 		lexicon-icon: (
 			margin-top: 0,
 		),