Skip to content

Commit 0713870

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

File tree

1 file changed

+11
-7
lines changed

1 file changed

+11
-7
lines changed

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

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -131,8 +131,10 @@ $_standard-tokens: (
131131
);
132132

133133
&.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+
);
136138
}
137139
}
138140
}
@@ -180,8 +182,10 @@ $_standard-tokens: (
180182

181183
&.mat-button-toggle-checked {
182184
@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+
);
185189
}
186190
}
187191

@@ -314,16 +318,16 @@ $_standard-tokens: (
314318
// radius of the button-toggle-group or standalone button-toggle.
315319
@include token-utils.use-tokens($_standard-tokens...) {
316320
.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);
318322
}
319323

320324
.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 {
322326
@include token-utils.create-token-slot(border-top-right-radius, shape);
323327
@include token-utils.create-token-slot(border-bottom-right-radius, shape);
324328
}
325329

326-
&:first-of-type .mat-button-toggle-button:before {
330+
&:first-of-type .mat-button-toggle-button::before {
327331
@include token-utils.create-token-slot(border-top-left-radius, shape);
328332
@include token-utils.create-token-slot(border-bottom-left-radius, shape);
329333
}

0 commit comments

Comments
 (0)