angular-material
Version:
**[Support for legacy AngularJS ended on January 1st, 2022](https://goo.gle/angularjs-end-of-life). [See `@angular/core` for the actively supported Angular](https://npmjs.com/@angular/core).**
61 lines (60 loc) • 2.5 kB
CSS
/*!
* AngularJS Material Design
* https://github.com/angular/material
* @license MIT
* v1.2.5
*/
md-autocomplete.md-THEME_NAME-theme {
background: "{{background-hue-1}}";
}
md-autocomplete.md-THEME_NAME-theme[disabled]:not([md-floating-label]) {
background: "{{background-hue-2}}";
}
md-autocomplete.md-THEME_NAME-theme button md-icon path {
fill: "{{background-600}}";
}
md-autocomplete.md-THEME_NAME-theme button:after {
background: "{{background-600-0.3}}";
}
md-autocomplete.md-THEME_NAME-theme input {
color: "{{foreground-1}}";
}
md-autocomplete.md-THEME_NAME-theme.md-accent md-input-container.md-input-focused .md-input {
border-color: "{{accent-color}}";
}
md-autocomplete.md-THEME_NAME-theme.md-accent md-input-container.md-input-focused label,
md-autocomplete.md-THEME_NAME-theme.md-accent md-input-container.md-input-focused md-icon {
color: "{{accent-color}}";
}
md-autocomplete.md-THEME_NAME-theme.md-accent md-progress-linear .md-container {
background-color: "{{accent-100}}";
}
md-autocomplete.md-THEME_NAME-theme.md-accent md-progress-linear .md-bar {
background-color: "{{accent-color}}";
}
md-autocomplete.md-THEME_NAME-theme.md-warn md-input-container.md-input-focused .md-input {
border-color: "{{warn-A700}}";
}
md-autocomplete.md-THEME_NAME-theme.md-warn md-input-container.md-input-focused label,
md-autocomplete.md-THEME_NAME-theme.md-warn md-input-container.md-input-focused md-icon {
color: "{{warn-A700}}";
}
md-autocomplete.md-THEME_NAME-theme.md-warn md-progress-linear .md-container {
background-color: "{{warn-100}}";
}
md-autocomplete.md-THEME_NAME-theme.md-warn md-progress-linear .md-bar {
background-color: "{{warn-color}}";
}
.md-autocomplete-suggestions-container.md-THEME_NAME-theme,
.md-autocomplete-standard-list-container.md-THEME_NAME-theme {
background: "{{background-hue-1}}";
}
.md-autocomplete-suggestions-container.md-THEME_NAME-theme .md-autocomplete-suggestion,
.md-autocomplete-standard-list-container.md-THEME_NAME-theme .md-autocomplete-suggestion {
color: "{{foreground-1}}";
}
.md-autocomplete-suggestions-container.md-THEME_NAME-theme .md-autocomplete-suggestion:hover, .md-autocomplete-suggestions-container.md-THEME_NAME-theme .md-autocomplete-suggestion.selected,
.md-autocomplete-standard-list-container.md-THEME_NAME-theme .md-autocomplete-suggestion:hover,
.md-autocomplete-standard-list-container.md-THEME_NAME-theme .md-autocomplete-suggestion.selected {
background: "{{background-500-0.18}}";
}