|
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