feat(@clayui/css): Cadmin _reboot convert a tag to use clay-link …

…mixin feat(@clayui/css): Cadmin Global Variables adds `$cadmin-link` Sass map
liferay · Nov 29, 2021 · 45536f4 · 45536f4
1 parent 47d6130
commit 45536f4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/packages/clay-css/src/scss/cadmin/components/_reboot.scss b/packages/clay-css/src/scss/cadmin/components/_reboot.scss
@@ -173,14 +173,7 @@ html#{$cadmin-selector} {
 		}
 
 		a {
-			color: $cadmin-link-color;
-			cursor: $cadmin-link-cursor;
-			text-decoration: $cadmin-link-decoration;
-
-			&:hover {
-				color: $cadmin-link-hover-color;
-				text-decoration: $cadmin-link-hover-decoration;
-			}
+			@include clay-link($cadmin-link);
 		}
 
 		// Code

diff --git a/packages/clay-css/src/scss/cadmin/variables/_globals.scss b/packages/clay-css/src/scss/cadmin/variables/_globals.scss
@@ -568,6 +568,20 @@ $cadmin-link-decoration: none !default;
 $cadmin-link-hover-color: $cadmin-primary-d2 !default;
 $cadmin-link-hover-decoration: underline !default;
 
+$cadmin-link: () !default;
+$cadmin-link: map-deep-merge(
+	(
+		color: $cadmin-link-color,
+		cursor: $cadmin-link-cursor,
+		text-decoration: $cadmin-link-decoration,
+		hover: (
+			color: $cadmin-link-hover-color,
+			text-decoration: $cadmin-link-hover-decoration,
+		),
+	),
+	$cadmin-link
+);
+
 // Darken percentage for links with `.text-*` class (e.g. `.text-success`)
 
 $cadmin-emphasized-link-hover-darken-percentage: 15% !default;