@@ -131,8 +131,10 @@ $_standard-tokens: (
131
131
);
132
132
133
133
& .mat-button-toggle-checked {
134
- @include token-utils .create-token-slot (background-color ,
135
- disabled- selected- state- background- color);
134
+ @include token-utils .create-token-slot (
135
+ background-color ,
136
+ disabled- selected- state- background- color
137
+ );
136
138
}
137
139
}
138
140
}
@@ -180,8 +182,10 @@ $_standard-tokens: (
180
182
181
183
& .mat-button-toggle-checked {
182
184
@include token-utils .create-token-slot (color , disabled- selected- state- text- color);
183
- @include token-utils .create-token-slot (background-color ,
184
- disabled- selected- state- background- color);
185
+ @include token-utils .create-token-slot (
186
+ background-color ,
187
+ disabled- selected- state- background- color
188
+ );
185
189
}
186
190
}
187
191
@@ -314,16 +318,16 @@ $_standard-tokens: (
314
318
// radius of the button-toggle-group or standalone button-toggle.
315
319
@include token-utils .use-tokens ($_standard-tokens ...) {
316
320
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
317
- -- mat-focus-indicator-border-radius: #{ token-utils . get-token-variable-reference ( shape )} ;
321
+ @include token-utils . create-token-slot ( -- mat-focus-indicator-border-radius, shape);
318
322
}
319
323
320
324
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
321
- & :last-of-type .mat-button-toggle-button :before {
325
+ & :last-of-type .mat-button-toggle-button :: before {
322
326
@include token-utils .create-token-slot (border-top-right-radius , shape);
323
327
@include token-utils .create-token-slot (border-bottom-right-radius , shape);
324
328
}
325
329
326
- & :first-of-type .mat-button-toggle-button :before {
330
+ & :first-of-type .mat-button-toggle-button :: before {
327
331
@include token-utils .create-token-slot (border-top-left-radius , shape);
328
332
@include token-utils .create-token-slot (border-bottom-left-radius , shape);
329
333
}
0 commit comments