mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 14:07:17 +03:00
chore(select): update custom props to use theme prop
PiperOrigin-RevId: 300393551
This commit is contained in:
parent
b7e388f3a3
commit
b3211481b0
@ -122,12 +122,21 @@ mwc-notched-outline {
|
||||
|
||||
&:not(.mdc-select--invalid):not(.mdc-select--focused) {
|
||||
.mdc-floating-label, .mdc-floating-label::after {
|
||||
color: var(--mdc-select-label-ink-color, #{vars.$label-color});
|
||||
@include theme-mixins.prop(color, (
|
||||
varname: --mdc-select-label-ink-color,
|
||||
fallback: vars.$label-color
|
||||
));
|
||||
}
|
||||
|
||||
.mdc-select__dropdown-icon {
|
||||
color: var(--mdc-select-dropdown-icon-color, vars.$dropdown-color);
|
||||
opacity: var(--mdc-select-dropdown-icon-opacity, vars.$dropdown-opacity);
|
||||
@include theme-mixins.prop(color, (
|
||||
varname: --mdc-select-dropdown-icon-color,
|
||||
fallback: vars.$dropdown-color
|
||||
));
|
||||
@include theme-mixins.prop(opacity, (
|
||||
varname: --mdc-select-dropdown-icon-opacity,
|
||||
fallback: vars.$dropdown-opacity
|
||||
));
|
||||
}
|
||||
}
|
||||
|
||||
@ -142,6 +151,7 @@ mwc-notched-outline {
|
||||
}
|
||||
|
||||
.mdc-select__dropdown-icon {
|
||||
color: vars.$focused-label-color;
|
||||
color: var(--mdc-select-focused-dropdown-icon-color, var(--mdc-theme-primary, #{vars.$focused-label-color}));
|
||||
}
|
||||
|
||||
@ -164,7 +174,10 @@ mwc-notched-outline {
|
||||
:host([disabled]) {
|
||||
.mdc-select {
|
||||
&:not(.mdc-select--outlined) {
|
||||
@include mixins.container-fill-color_(var(--mdc-select-disabled-fill-color, #{vars.$disabled-fill-color}));
|
||||
@include mixins.container-fill-color_((
|
||||
varname: --mdc-select-disabled-fill-color,
|
||||
fallback: vars.$disabled-fill-color
|
||||
));
|
||||
}
|
||||
|
||||
&.mdc-select--outlined {
|
||||
@ -174,18 +187,27 @@ mwc-notched-outline {
|
||||
}
|
||||
|
||||
.mdc-select__dropdown-icon {
|
||||
opacity: var(--mdc-select-disabled-dropdown-opacity, vars.$disabled-dropdown-opacity);
|
||||
@include theme-mixins.prop(opacity, (
|
||||
varname: --mdc-select-disabled-dropdown-opacity,
|
||||
fallback: vars.$disabled-dropdown-opacity
|
||||
));
|
||||
}
|
||||
|
||||
&:not(.mdc-select--invalid):not(.mdc-select--focused) {
|
||||
.mdc-floating-label, .mdc-floating-label::after {
|
||||
color: var(--mdc-select-disabled-ink-color, #{vars.$disabled-ink-color});
|
||||
@include theme-mixins.prop(color, (
|
||||
varname: --mdc-select-disabled-ink-color,
|
||||
fallback: vars.$disabled-ink-color
|
||||
));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mdc-select-helper-text {
|
||||
color: var(--mdc-select-disabled-ink-color, #{vars.$disabled-ink-color});
|
||||
@include theme-mixins.prop(color, (
|
||||
varname: --mdc-select-disabled-ink-color,
|
||||
fallback: vars.$disabled-ink-color
|
||||
));
|
||||
}
|
||||
|
||||
.mdc-select__selected-text {
|
||||
|
Loading…
Reference in New Issue
Block a user