diff --git a/packages/components/docs/sass.md b/packages/components/docs/sass.md index 69eec14e8f66..4fda10ac9320 100644 --- a/packages/components/docs/sass.md +++ b/packages/components/docs/sass.md @@ -3439,7 +3439,6 @@ $carbon--spacing-06: 1.5rem; - [toast-notifications [mixin]](#toast-notifications-mixin) - [progress-indicator [mixin]](#progress-indicator-mixin) - [padding-td [mixin]](#padding-td-mixin) - - [tags [mixin]](#tags-mixin) ### ✅carbon--spacing-07 [variable] @@ -17714,7 +17713,9 @@ List box styles // Menu status inside of a `list-box__field` .#{$prefix}--list-box__menu-icon { position: absolute; + top: 0; right: $carbon--spacing-05; + bottom: 0; height: 100%; transition: transform $duration--fast-01 motion(standard, productive); cursor: pointer; @@ -21891,7 +21892,6 @@ Tag styles @include type-style('label-01'); display: inline-flex; - position: relative; align-items: center; padding: 0 $carbon--spacing-03; height: 1.5rem; @@ -21968,16 +21968,10 @@ Tag styles @include tag-theme($inverse-02, $inverse-01); cursor: pointer; - padding-right: calc( - #{$carbon--spacing-06} + #{rem(2px)} - ); // icon width + 2px space from right edge + padding-right: rem(2px); } .#{$prefix}--tag--filter > svg { - position: absolute; - right: rem(2px); - top: 50%; - transform: translateY(-50%); fill: $inverse-01; margin-left: rem(4px); padding: rem(2px); @@ -22022,7 +22016,6 @@ Tag styles - [text-01 [variable]](#text-01-variable) - [inverse-02 [variable]](#inverse-02-variable) - [inverse-01 [variable]](#inverse-01-variable) - - [carbon--spacing-06 [variable]](#carbon--spacing-06-variable) - [inverse-hover-ui [variable]](#inverse-hover-ui-variable) - [inverse-focus-ui [variable]](#inverse-focus-ui-variable)