|
19 | 19 | // FAB component
|
20 | 20 | // ---------------------------
|
21 | 21 | @mixin _mat-mdc-fab-overwrites {
|
22 |
| - $primary: public-util.mat-css-color(500, null, "primary"); |
23 |
| - $accent: public-util.mat-css-color(500, null, "accent"); |
24 |
| - $warn: public-util.mat-css-color(500, null, "warn"); |
25 | 22 | $primary-contrast: public-util.mat-css-color(500, null, "primary", true);
|
26 | 23 | $accent-contrast: public-util.mat-css-color(500, null, "accent", true);
|
27 | 24 | $warn-contrast: public-util.mat-css-color(500, null, "warn", true);
|
28 | 25 |
|
29 |
| - .mat-mdc-fab:not(:disabled), |
30 |
| - .mat-mdc-mini-fab:not(:disabled) { |
| 26 | + .mat-mdc-fab:not(:disabled) { |
31 | 27 | &.mat-primary {
|
32 |
| - --mdc-fab-container-color: #{$primary}; |
33 | 28 | --mat-fab-foreground-color: #{$primary-contrast};
|
34 | 29 | --mat-fab-state-layer-color: #{$primary-contrast};
|
35 | 30 | }
|
36 | 31 | &.mat-accent {
|
37 |
| - --mdc-fab-container-color: #{$accent}; |
38 | 32 | --mat-fab-foreground-color: #{$accent-contrast};
|
39 | 33 | --mat-fab-state-layer-color: #{$accent-contrast};
|
40 | 34 | }
|
41 | 35 | &.mat-warn {
|
42 |
| - --mdc-fab-container-color: #{$warn}; |
43 | 36 | --mat-fab-foreground-color: #{$warn-contrast};
|
44 | 37 | --mat-fab-state-layer-color: #{$warn-contrast};
|
45 | 38 | }
|
46 | 39 | }
|
| 40 | + |
| 41 | + .mat-mdc-mini-fab:not(:disabled) { |
| 42 | + &.mat-primary { |
| 43 | + --mat-fab-small-foreground-color: #{$primary-contrast}; |
| 44 | + --mat-fab-small-state-layer-color: #{$primary-contrast}; |
| 45 | + } |
| 46 | + &.mat-accent { |
| 47 | + --mat-fab-small-foreground-color: #{$accent-contrast}; |
| 48 | + --mat-fab-small-state-layer-color: #{$accent-contrast}; |
| 49 | + } |
| 50 | + &.mat-warn { |
| 51 | + --mat-fab-small-foreground-color: #{$warn-contrast}; |
| 52 | + --mat-fab-small-state-layer-color: #{$warn-contrast}; |
| 53 | + } |
| 54 | + } |
47 | 55 | }
|
48 | 56 |
|
49 | 57 | // ---------------------------
|
|
0 commit comments