Skip to content

fix(button-group): align borders with backgrounds in bootstrap #571

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
simeonoff merged 1 commit into from
May 11, 2026
Merged

fix(button-group): align borders with backgrounds in bootstrap #571

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions packages/theming/sass/themes/schemas/components/light/_button-group.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -595,7 +595,7 @@ $fluent-button-group: extend(
/// @prop {Map} item-hover-background [color: ('primary', 600)] - The hover background color for button group items.
/// @prop {Map} item-hover-text-color [contrast-color: ('primary', 600)] - The hover text color for button group items.
/// @prop {Map} item-hover-icon-color [contrast-color: ('primary', 600)] - The hover icon color for button group items.
/// @prop {Map} item-hover-border-color [color: ('primary', 500)] - The hover border color between button group items.
/// @prop {Map} item-hover-border-color [color: ('primary', 600)] - The hover border color between button group items.
/// @prop {Map} item-focused-text-color [contrast-color: ('primary', 600)] - The focused text color for button group items.
/// @prop {Map} item-focused-background [color: ('primary', 500)] - The focused background color for button group items.
/// @prop {Map} item-focused-hover-background [color: ('primary', 600)] - The focused & hover background color for button group items.
Expand All @@ -607,7 +607,7 @@ $fluent-button-group: extend(
/// @prop {Map} item-selected-icon-color [contrast-color: ('primary', 700)] - The icon color for a selected item in the button group.
/// @prop {Map} item-selected-border-color [color: ('primary', 700)] - The border color for a selected item from the button group.
/// @prop {Map} item-selected-hover-background [color: ('primary', 800)] - The background color for a selected item in hover or focus state in the button group.
/// @prop {Map} item-selected-hover-border-color [color: ('primary', 700)] - The border color for a selected item in hover state in the button group.
/// @prop {Map} item-selected-hover-border-color [color: ('primary', 800)] - The border color for a selected item in hover state in the button group.
/// @prop {Map} item-selected-hover-text-color [contrast-color: ('primary', 700)] - The text color for a selected item in hover state in the button group.
/// @prop {Map} item-selected-hover-icon-color [contrast-color: ('primary', 700)] - The icon color for a selected item in hover state in the button group.
/// @prop {Map} item-selected-focus-background [color: ('primary', 700)] - The background color for a selected item in focus state in the button group.
Expand Down Expand Up @@ -675,7 +675,7 @@ $bootstrap-button-group: extend(
item-hover-border-color: (
color: (
'primary',
500,
600,
),
),

Expand Down Expand Up @@ -794,7 +794,7 @@ $bootstrap-button-group: extend(
item-selected-hover-border-color: (
color: (
'primary',
700,
800,
),
),

Expand Down
Loading