@@ -63,63 +63,67 @@ $mat-button-state-target: '.mdc-button__ripple';
63
63
64
64
.mat-mdc-button , .mat-mdc-outlined-button {
65
65
& .mat-unthemed {
66
- @include mdc-button-ink-color (mdc-helpers .$mdc-theme-on-surface , $query : mdc-helpers .$mat-theme-styles-query );
66
+ @include mdc-button-ink-color (mdc-helpers .$mdc-theme-on-surface ,
67
+ $query : mdc-helpers .$mat-theme-styles-query );
67
68
}
68
69
69
70
& .mat-primary {
70
71
@include mdc-button-ink-color (primary, $query : mdc-helpers .$mat-theme-styles-query );
71
- @include mdc-states-base-color (
72
- primary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
72
+ @include mdc-states-base-color (primary, $query : mdc-helpers . $mat-theme-styles-query ,
73
+ $ripple-target : $mat-button-state-target );
73
74
@include _mat-button-ripple-ink-color (primary);
74
75
}
75
76
76
77
& .mat-accent {
77
78
@include mdc-button-ink-color (secondary, $query : mdc-helpers .$mat-theme-styles-query );
78
- @include mdc-states-base-color (
79
- secondary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
79
+ @include mdc-states-base-color (secondary, $query : mdc-helpers . $mat-theme-styles-query ,
80
+ $ripple-target : $mat-button-state-target );
80
81
@include _mat-button-ripple-ink-color (secondary);
81
82
}
82
83
83
84
& .mat-warn {
84
85
@include mdc-button-ink-color (error, $query : mdc-helpers .$mat-theme-styles-query );
85
- @include mdc-states-base-color (
86
- error, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
86
+ @include mdc-states-base-color (error, $query : mdc-helpers . $mat-theme-styles-query ,
87
+ $ripple-target : $mat-button-state-target );
87
88
@include _mat-button-ripple-ink-color (error);
88
89
}
89
90
}
90
91
91
92
.mat-mdc-raised-button ,
92
93
.mat-mdc-unelevated-button {
93
94
& .mat-unthemed {
94
- @include mdc-button-container-fill-color (
95
- mdc-helpers . $mdc-theme-surface , $query : mdc-helpers .$mat-theme-styles-query );
96
- @include mdc-button-ink-color (mdc-helpers .$mdc-theme-on-surface , $query : mdc-helpers . $mat-theme-styles-query );
97
- @include mdc-states-base-color (
98
- mdc-helpers . $mdc-theme-on-surface , $query : mdc-helpers .$mat -theme-styles-query ,
99
- $ripple-target : $mat-button-state-target );
95
+ @include mdc-button-container-fill-color (mdc-helpers . $mdc-theme-surface ,
96
+ $query : mdc-helpers .$mat-theme-styles-query );
97
+ @include mdc-button-ink-color (mdc-helpers .$mdc-theme-on-surface ,
98
+ $query : mdc-helpers . $mat-theme-styles-query );
99
+ @include mdc-states-base-color ( mdc-helpers .$mdc -theme-on-surface ,
100
+ $query : mdc-helpers . $mat-theme-styles-query , $ ripple-target : $mat-button-state-target );
100
101
}
101
102
102
103
& .mat-primary {
103
- @include mdc-button-container-fill-color (primary, $query : mdc-helpers .$mat-theme-styles-query );
104
+ @include mdc-button-container-fill-color (primary,
105
+ $query : mdc-helpers .$mat-theme-styles-query );
104
106
@include mdc-button-ink-color (on- primary, $query : mdc-helpers .$mat-theme-styles-query );
105
- @include mdc-states-base-color (
106
- on - primary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
107
+ @include mdc-states-base-color (on - primary, $query : mdc-helpers . $mat-theme-styles-query ,
108
+ $ripple-target : $mat-button-state-target );
107
109
@include _mat-button-ripple-ink-color (on- primary);
108
110
}
109
111
110
112
& .mat-accent {
111
- @include mdc-button-container-fill-color (secondary, $query : mdc-helpers .$mat-theme-styles-query );
113
+ @include mdc-button-container-fill-color (secondary,
114
+ $query : mdc-helpers .$mat-theme-styles-query );
112
115
@include mdc-button-ink-color (on- secondary, $query : mdc-helpers .$mat-theme-styles-query );
113
- @include mdc-states-base-color (
114
- on - secondary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
116
+ @include mdc-states-base-color (on - secondary, $query : mdc-helpers . $mat-theme-styles-query ,
117
+ $ripple-target : $mat-button-state-target );
115
118
@include _mat-button-ripple-ink-color (on- secondary);
116
119
}
117
120
118
121
& .mat-warn {
119
- @include mdc-button-container-fill-color (error, $query : mdc-helpers .$mat-theme-styles-query );
122
+ @include mdc-button-container-fill-color (error,
123
+ $query : mdc-helpers .$mat-theme-styles-query );
120
124
@include mdc-button-ink-color (on- error, $query : mdc-helpers .$mat-theme-styles-query );
121
- @include mdc-states-base-color (
122
- on - error, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
125
+ @include mdc-states-base-color (on - error, $query : mdc-helpers . $mat-theme-styles-query ,
126
+ $ripple-target : $mat-button-state-target );
123
127
@include _mat-button-ripple-ink-color (on- error);
124
128
}
125
129
@@ -130,7 +134,8 @@ $mat-button-state-target: '.mdc-button__ripple';
130
134
131
135
.mat-mdc-outlined-button {
132
136
& .mat-unthemed {
133
- @include mdc-button-outline-color (mdc-helpers .$mdc-theme-on-surface , $query : mdc-helpers .$mat-theme-styles-query );
137
+ @include mdc-button-outline-color (mdc-helpers .$mdc-theme-on-surface ,
138
+ $query : mdc-helpers .$mat-theme-styles-query );
134
139
}
135
140
136
141
& .mat-primary {
@@ -211,32 +216,33 @@ $mat-button-state-target: '.mdc-button__ripple';
211
216
$query : mdc-helpers .$mat-theme-styles-query , $ripple-target : $mat-button-state-target );
212
217
213
218
& .mat-unthemed {
214
- @include mdc-states-base-color (
215
- mdc-helpers .$mdc-theme-on-surface , $query : mdc-helpers .$mat-theme-styles-query ,
216
- $ripple-target : $mat-button-state-target );
217
- @include mdc-fab-container-color (mdc-helpers .$mdc-theme-surface , $query : mdc-helpers .$mat-theme-styles-query );
218
- @include mdc-fab-ink-color (mdc-helpers .$mdc-theme-on-surface , $query : mdc-helpers .$mat-theme-styles-query );
219
+ @include mdc-states-base-color (mdc-helpers .$mdc-theme-on-surface ,
220
+ $query : mdc-helpers .$mat-theme-styles-query , $ripple-target : $mat-button-state-target );
221
+ @include mdc-fab-container-color (mdc-helpers .$mdc-theme-surface ,
222
+ $query : mdc-helpers .$mat-theme-styles-query );
223
+ @include mdc-fab-ink-color (mdc-helpers .$mdc-theme-on-surface ,
224
+ $query : mdc-helpers .$mat-theme-styles-query );
219
225
}
220
226
221
227
& .mat-primary {
222
- @include mdc-states-base-color (
223
- on - primary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
228
+ @include mdc-states-base-color (on - primary, $query : mdc-helpers . $mat-theme-styles-query ,
229
+ $ripple-target : $mat-button-state-target );
224
230
@include mdc-fab-container-color (primary, $query : mdc-helpers .$mat-theme-styles-query );
225
231
@include mdc-fab-ink-color (on- primary, $query : mdc-helpers .$mat-theme-styles-query );
226
232
@include _mat-button-ripple-ink-color (on- primary);
227
233
}
228
234
229
235
& .mat-accent {
230
- @include mdc-states-base-color (
231
- on - secondary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
236
+ @include mdc-states-base-color (on - secondary, $query : mdc-helpers . $mat-theme-styles-query ,
237
+ $ripple-target : $mat-button-state-target );
232
238
@include mdc-fab-container-color (secondary, $query : mdc-helpers .$mat-theme-styles-query );
233
239
@include mdc-fab-ink-color (on- secondary, $query : mdc-helpers .$mat-theme-styles-query );
234
240
@include _mat-button-ripple-ink-color (on- secondary);
235
241
}
236
242
237
243
& .mat-warn {
238
- @include mdc-states-base-color (
239
- on - error, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
244
+ @include mdc-states-base-color (on - error, $query : mdc-helpers . $mat-theme-styles-query ,
245
+ $ripple-target : $mat-button-state-target );
240
246
@include mdc-fab-container-color (error, $query : mdc-helpers .$mat-theme-styles-query );
241
247
@include mdc-fab-ink-color (on- error, $query : mdc-helpers .$mat-theme-styles-query );
242
248
@include _mat-button-ripple-ink-color (on- error);
@@ -290,29 +296,29 @@ $mat-button-state-target: '.mdc-button__ripple';
290
296
$query : mdc-helpers .$mat-theme-styles-query , $ripple-target : $mat-button-state-target );
291
297
292
298
& .mat-unthemed {
293
- @include mdc-states-base-color (
294
- mdc-helpers .$mdc -theme-on-surface , $query : mdc-helpers . $mat-theme-styles-query ,
295
- $ripple-target : $mat -button-state-target );
296
- @include mdc-icon-button-ink-color ( mdc-helpers . $mdc-theme-on-surface , $query : mdc-helpers .$mat-theme-styles-query );
299
+ @include mdc-states-base-color (mdc-helpers . $mdc-theme-on-surface ,
300
+ $query : mdc-helpers .$mat -theme-styles-query , $ripple-target : $mat-button-state-target );
301
+ @include mdc-icon -button-ink-color ( mdc-helpers . $mdc-theme-on-surface ,
302
+ $query : mdc-helpers .$mat-theme-styles-query );
297
303
}
298
304
299
305
& .mat-primary {
300
- @include mdc-states-base-color (
301
- primary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
306
+ @include mdc-states-base-color (primary, $query : mdc-helpers . $mat-theme-styles-query ,
307
+ $ripple-target : $mat-button-state-target );
302
308
@include mdc-icon-button-ink-color (primary, $query : mdc-helpers .$mat-theme-styles-query );
303
309
@include _mat-button-ripple-ink-color (primary);
304
310
}
305
311
306
312
& .mat-accent {
307
- @include mdc-states-base-color (
308
- secondary, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
313
+ @include mdc-states-base-color (secondary, $query : mdc-helpers . $mat-theme-styles-query ,
314
+ $ripple-target : $mat-button-state-target );
309
315
@include mdc-icon-button-ink-color (secondary, $query : mdc-helpers .$mat-theme-styles-query );
310
316
@include _mat-button-ripple-ink-color (secondary);
311
317
}
312
318
313
319
& .mat-warn {
314
- @include mdc-states-base-color (
315
- error, $query : mdc-helpers . $mat-theme-styles-query , $ripple-target : $mat-button-state-target );
320
+ @include mdc-states-base-color (error, $query : mdc-helpers . $mat-theme-styles-query ,
321
+ $ripple-target : $mat-button-state-target );
316
322
@include mdc-icon-button-ink-color (error, $query : mdc-helpers .$mat-theme-styles-query );
317
323
@include _mat-button-ripple-ink-color (error);
318
324
}
0 commit comments