Skip to content

Commit 23dfe10

Browse files
committed
fixup! fix(material/button-toggle): standard button toggle strong focus border-radius
1 parent 1cbb90a commit 23dfe10

File tree

1 file changed

+11
-9
lines changed

1 file changed

+11
-9
lines changed

src/material/button-toggle/button-toggle.scss

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -318,14 +318,16 @@ $_standard-tokens: (
318318

319319
// Change the border-radius of the focus indicator to
320320
// match the border-radius of the button-toggle-group.
321-
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
322-
&:last-of-type .mat-button-toggle-button:before {
323-
border-top-right-radius: var(--mat-standard-button-toggle-shape);
324-
border-bottom-right-radius: var(--mat-standard-button-toggle-shape);
325-
}
321+
@include token-utils.use-tokens($_standard-tokens...) {
322+
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
323+
&:last-of-type .mat-button-toggle-button:before {
324+
@include token-utils.create-token-slot(border-top-right-radius, shape);
325+
@include token-utils.create-token-slot(border-bottom-right-radius, shape);
326+
}
326327

327-
&:first-of-type .mat-button-toggle-button:before {
328-
border-top-left-radius: var(--mat-standard-button-toggle-shape);
329-
border-bottom-left-radius: var(--mat-standard-button-toggle-shape);
328+
&:first-of-type .mat-button-toggle-button:before {
329+
@include token-utils.create-token-slot(border-top-left-radius, shape);
330+
@include token-utils.create-token-slot(border-bottom-left-radius, shape);
331+
}
330332
}
331-
}
333+
}

0 commit comments

Comments
 (0)