material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-10-27 14:07:17 +03:00
Code Issues Projects Releases Wiki Activity

chore(select): update custom props to use theme prop

Browse Source 
PiperOrigin-RevId: 300393551
This commit is contained in:
Elliott Marquez 2020-03-11 13:20:17 -07:00 committed by Copybara-Service
parent b7e388f3a3
commit b3211481b0
1 changed files with 29 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/select/src/mwc-select.scss
View File

@ -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 {