File tree Expand file tree Collapse file tree 1 file changed +7
-9
lines changed
src/material/button-toggle Expand file tree Collapse file tree 1 file changed +7
-9
lines changed Original file line number Diff line number Diff line change @@ -310,15 +310,13 @@ $_standard-tokens: (
310
310
}
311
311
}
312
312
313
- // Change the border-radius of the focus indicator to
314
- // match the border-radius of the standalone-button-toggle.
315
- .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
316
- --mat-focus-indicator-border-radius : var (--mat-standard-button-toggle-shape );
317
- }
318
-
319
- // Change the border-radius of the focus indicator to
320
- // match the border-radius of the button-toggle-group.
313
+ // Change the border-radius of the focus indicator to match the
314
+ // radius of the button-toggle-group or standalone button-toggle.
321
315
@include token-utils .use-tokens ($_standard-tokens ...) {
316
+ .mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
317
+ --mat-focus-indicator-border-radius : var (#{token-utils .get-token-variable (shape )} );
318
+ }
319
+
322
320
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
323
321
& :last-of-type .mat-button-toggle-button :before {
324
322
@include token-utils .create-token-slot (border-top-right-radius , shape);
@@ -330,4 +328,4 @@ $_standard-tokens: (
330
328
@include token-utils .create-token-slot (border-bottom-left-radius , shape);
331
329
}
332
330
}
333
- }
331
+ }
You can’t perform that action at this time.
0 commit comments