|
18 | 18 | // BUTTON component |
19 | 19 | // --------------------------- |
20 | 20 | @mixin _mat-mdc-button-overwrites { |
21 | | - .mat-mdc-button-base { |
22 | | - @include public-util.mat-css-light-dark-theme-global { |
23 | | - &.mat-primary { |
24 | | - @include _mat-mdc-button-color-overwrites("primary"); |
25 | | - } |
26 | | - &.mat-accent { |
27 | | - @include _mat-mdc-button-color-overwrites("accent"); |
28 | | - } |
29 | | - &.mat-warn { |
30 | | - @include _mat-mdc-button-color-overwrites("warn"); |
31 | | - } |
| 21 | + :root .mat-mdc-button-base { |
| 22 | + &.mat-primary { |
| 23 | + @include _mat-mdc-button-color-overwrites("primary"); |
| 24 | + } |
| 25 | + &.mat-accent { |
| 26 | + @include _mat-mdc-button-color-overwrites("accent"); |
| 27 | + } |
| 28 | + &.mat-warn { |
| 29 | + @include _mat-mdc-button-color-overwrites("warn"); |
32 | 30 | } |
33 | 31 | } |
34 | 32 | } |
|
66 | 64 | // SLIDE TOGGLE component |
67 | 65 | // --------------------------- |
68 | 66 | @mixin _mat-mdc-slide-toggle-overwrites() { |
69 | | - .mat-mdc-slide-toggle { |
70 | | - @include public-util.mat-css-light-dark-theme-global { |
71 | | - &.mat-primary { |
72 | | - @include _mat-mdc-slide-toggle-color-overwrites("primary"); |
73 | | - } |
74 | | - &.mat-accent { |
75 | | - @include _mat-mdc-slide-toggle-color-overwrites("accent"); |
76 | | - } |
77 | | - &.mat-warn { |
78 | | - @include _mat-mdc-slide-toggle-color-overwrites("warn"); |
79 | | - } |
| 67 | + :root .mat-mdc-slide-toggle { |
| 68 | + &.mat-primary { |
| 69 | + @include _mat-mdc-slide-toggle-color-overwrites("primary"); |
| 70 | + } |
| 71 | + &.mat-accent { |
| 72 | + @include _mat-mdc-slide-toggle-color-overwrites("accent"); |
| 73 | + } |
| 74 | + &.mat-warn { |
| 75 | + @include _mat-mdc-slide-toggle-color-overwrites("warn"); |
80 | 76 | } |
81 | 77 | } |
82 | 78 | } |
|
124 | 120 | // DATE PICKER component |
125 | 121 | // --------------------------- |
126 | 122 | @mixin _mat-mdc-date-picker-overwrites { |
127 | | - .mat-datepicker-content { |
128 | | - @include public-util.mat-css-light-dark-theme-global { |
129 | | - &.mat-primary { |
130 | | - @include _mat-date-picker-color-overwrites("primary"); |
131 | | - } |
132 | | - &.mat-accent { |
133 | | - @include _mat-date-picker-color-overwrites("accent"); |
134 | | - } |
135 | | - &.mat-warn { |
136 | | - @include _mat-date-picker-color-overwrites("warn"); |
137 | | - } |
| 123 | + :root .mat-datepicker-content { |
| 124 | + &.mat-primary { |
| 125 | + @include _mat-date-picker-color-overwrites("primary"); |
| 126 | + } |
| 127 | + &.mat-accent { |
| 128 | + @include _mat-date-picker-color-overwrites("accent"); |
| 129 | + } |
| 130 | + &.mat-warn { |
| 131 | + @include _mat-date-picker-color-overwrites("warn"); |
138 | 132 | } |
139 | 133 | } |
140 | 134 | } |
|
156 | 150 | // PROGRESS BAR component |
157 | 151 | // --------------------------- |
158 | 152 | @mixin _mat-mdc-progress-bar-overwrites { |
159 | | - .mat-mdc-progress-bar { |
160 | | - @include public-util.mat-css-light-dark-theme-global { |
161 | | - &.mat-primary { |
162 | | - @include _mat-mdc-progress-bar-color-overwrites("primary"); |
163 | | - } |
164 | | - &.mat-accent { |
165 | | - @include _mat-mdc-progress-bar-color-overwrites("accent"); |
166 | | - } |
167 | | - &.mat-warn { |
168 | | - @include _mat-mdc-progress-bar-color-overwrites("warn"); |
169 | | - } |
| 153 | + :root .mat-mdc-progress-bar { |
| 154 | + &.mat-primary { |
| 155 | + @include _mat-mdc-progress-bar-color-overwrites("primary"); |
| 156 | + } |
| 157 | + &.mat-accent { |
| 158 | + @include _mat-mdc-progress-bar-color-overwrites("accent"); |
| 159 | + } |
| 160 | + &.mat-warn { |
| 161 | + @include _mat-mdc-progress-bar-color-overwrites("warn"); |
170 | 162 | } |
171 | 163 | } |
172 | 164 | } |
|
0 commit comments