File tree Expand file tree Collapse file tree 1 file changed +11
-9
lines changed
src/material/button-toggle Expand file tree Collapse file tree 1 file changed +11
-9
lines changed Original file line number Diff line number Diff line change @@ -318,14 +318,16 @@ $_standard-tokens: (
318
318
319
319
// Change the border-radius of the focus indicator to
320
320
// 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
+ }
326
327
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
+ }
330
332
}
331
- }
333
+ }
You can’t perform that action at this time.
0 commit comments