|
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