From 2c83bfd06d0e6af36ea518580fad099c1e8ee21e Mon Sep 17 00:00:00 2001 From: Patrick Yeo Date: Tue, 30 May 2023 15:42:07 -0700 Subject: [PATCH] fix(@clayui/css): Mixins clay-link add more options to customize in show state - hover, focus, inline-item, inline-item-* --- packages/clay-css/src/scss/mixins/_links.scss | 44 +++++++++++++++++++ 1 file changed, 44 insertions(+) diff --git a/packages/clay-css/src/scss/mixins/_links.scss b/packages/clay-css/src/scss/mixins/_links.scss index 4f4f3fe305..d233be5c64 100644 --- a/packages/clay-css/src/scss/mixins/_links.scss +++ b/packages/clay-css/src/scss/mixins/_links.scss @@ -845,6 +845,50 @@ &::after { @include clay-css(map-get($show, after)); } + + &:hover { + $_show-hover: setter(map-get($show, hover), ()); + + @include clay-css($_show-hover); + + &::before { + @include clay-css(map-get($_show-hover, before)); + } + + &::after { + @include clay-css(map-get($_show-hover, after)); + } + } + + &:focus { + $_show-focus: setter(map-get($show, focus), ()); + + @include clay-css($_show-focus); + + &::before { + @include clay-css(map-get($_show-focus, before)); + } + + &::after { + @include clay-css(map-get($_show-focus, after)); + } + } + + .inline-item { + @include clay-css(map-get($show, inline-item)); + } + + .inline-item-before { + @include clay-css(map-get($show, inline-item-before)); + } + + .inline-item-middle { + @include clay-css(map-get($show, inline-item-middle)); + } + + .inline-item-after { + @include clay-css(map-get($show, inline-item-after)); + } } @if (map-get($c-inner, enabled)) {