1 | @use 'sass:map';
|
---|
2 | @use '../core/theming/theming';
|
---|
3 | @use '../core/style/form-common';
|
---|
4 |
|
---|
5 |
|
---|
6 | // Theme styles that only apply to the standard appearance of the form-field.
|
---|
7 |
|
---|
8 | @mixin standard-color($config-or-theme) {
|
---|
9 | $config: theming.get-color-config($config-or-theme);
|
---|
10 | $foreground: map.get($config, foreground);
|
---|
11 | $is-dark-theme: map.get($config, is-dark);
|
---|
12 | $underline-color:
|
---|
13 | theming.get-color-from-palette($foreground, divider, if($is-dark-theme, 0.7, 0.42));
|
---|
14 |
|
---|
15 | .mat-form-field-appearance-standard {
|
---|
16 | .mat-form-field-underline {
|
---|
17 | background-color: $underline-color;
|
---|
18 | }
|
---|
19 |
|
---|
20 | &.mat-form-field-disabled .mat-form-field-underline {
|
---|
21 | @include form-common.private-control-disabled-underline($underline-color);
|
---|
22 | }
|
---|
23 | }
|
---|
24 | }
|
---|
25 |
|
---|
26 | @mixin standard-typography($config-or-theme) {}
|
---|
27 |
|
---|
28 | @mixin private-form-field-standard-density($config-or-theme) {}
|
---|
29 |
|
---|
30 | @mixin standard-theme($theme-or-color-config) {
|
---|
31 | $theme: theming.private-legacy-get-theme($theme-or-color-config);
|
---|
32 | @include theming.private-check-duplicate-theme-styles($theme, 'mat-form-field-standard') {
|
---|
33 | $color: theming.get-color-config($theme);
|
---|
34 | $density: theming.get-density-config($theme);
|
---|
35 | $typography: theming.get-typography-config($theme);
|
---|
36 |
|
---|
37 | @if $color != null {
|
---|
38 | @include standard-color($color);
|
---|
39 | }
|
---|
40 | @if $density != null {
|
---|
41 | @include private-form-field-standard-density($density);
|
---|
42 | }
|
---|
43 | @if $typography != null {
|
---|
44 | @include standard-typography($typography);
|
---|
45 | }
|
---|
46 | }
|
---|
47 | }
|
---|