The btn-variant-mixin functionality should be implemented across other components like dropdowns as well.
Prerequisites
-
I have searched for duplicate or closed feature requests -
I have read the contributing guidelines
Proposal
this is btn-variant-mixin
the same functionality should be implemented across other components in this example I choose dropdonws
The button color appears black because the selected color does not meet the minimum contrast ratio, but this option is not available for other components.
// Define the dropdown-variant mixin
@mixin dropdown-variant(
$background,
$border,
$color: color-contrast($background),
) {
--#{$prefix}dropdown-color: #{$color};
--#{$prefix}dropdown-bg: #{$background};
--#{$prefix}dropdown-border-color: #{$border};
}
// Use the mixin inside .dropdown-menu
.dropdown-menu {
// Use the mixin for the default variant
@include dropdown-variant(red, blue, yellow);
}