Merge pull request #5473 from pat270/clay-5470

fix(@clayui/css): Mixins clay-button-variant adds ability to style :l…
liferay · Apr 17, 2023 · b965079 · b965079
2 parents eba91e6 + 639ef02
commit b965079
Show file tree

Hide file tree

Showing 2 changed files with 96 additions and 0 deletions.
diff --git a/packages/clay-css/src/scss/mixins/_buttons.scss b/packages/clay-css/src/scss/mixins/_buttons.scss
@@ -616,6 +616,66 @@
 				@include clay-css(map-get($map, after));
 			}
 
+			&:link {
+				$_link: setter(map-get($map, link), ());
+
+				@include clay-css($_link);
+
+				&::before {
+					@include clay-css(map-get($_link, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_link, after));
+				}
+
+				.inline-item {
+					@include clay-css(map-get($_link, inline-item));
+				}
+
+				.inline-item-before {
+					@include clay-css(map-get($_link, inline-item-before));
+				}
+
+				.inline-item-middle {
+					@include clay-css(map-get($_link, inline-item-middle));
+				}
+
+				.inline-item-after {
+					@include clay-css(map-get($_link, inline-item-after));
+				}
+			}
+
+			&:visited {
+				$_visited: setter(map-get($map, visited), ());
+
+				@include clay-css($_visited);
+
+				&::before {
+					@include clay-css(map-get($_visited, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_visited, after));
+				}
+
+				.inline-item {
+					@include clay-css(map-get($_visited, inline-item));
+				}
+
+				.inline-item-before {
+					@include clay-css(map-get($_visited, inline-item-before));
+				}
+
+				.inline-item-middle {
+					@include clay-css(map-get($_visited, inline-item-middle));
+				}
+
+				.inline-item-after {
+					@include clay-css(map-get($_visited, inline-item-after));
+				}
+			}
+
 			&:hover {
 				@include clay-css($hover);
 

diff --git a/packages/clay-css/src/scss/mixins/_dropdown-menu.scss b/packages/clay-css/src/scss/mixins/_dropdown-menu.scss
@@ -549,6 +549,42 @@
 		@if ($enabled) {
 			@include clay-css($base);
 
+			&:link {
+				$_link: setter(map-get($map, link), ());
+
+				@include clay-css($_link);
+
+				&::before {
+					@include clay-css(map-get($_link, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_link, after));
+				}
+
+				.c-kbd-inline {
+					@include clay-css(map-get($_link, c-kbd-inline));
+				}
+			}
+
+			&:visited {
+				$_visited: setter(map-get($map, visited), ());
+
+				@include clay-css($_visited);
+
+				&::before {
+					@include clay-css(map-get($_visited, before));
+				}
+
+				&::after {
+					@include clay-css(map-get($_visited, after));
+				}
+
+				.c-kbd-inline {
+					@include clay-css(map-get($_visited, c-kbd-inline));
+				}
+			}
+
 			&:hover,
 			&.hover {
 				@include clay-css($hover);