2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-select.md-THEME_NAME-theme.ng-invalid.ng-dirty .md-select-label {
9 color: '{{warn-500}}' !important;
10 border-bottom-color: '{{warn-500}}' !important; }
11 md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label {
12 border-bottom-color: '{{primary-color}}';
13 color: '{{ foreground-1 }}'; }
14 md-select.md-THEME_NAME-theme:not([disabled]):focus .md-select-label.md-placeholder {
15 color: '{{ foreground-1 }}'; }
16 md-select.md-THEME_NAME-theme:not([disabled]):focus.md-accent .md-select-label {
17 border-bottom-color: '{{accent-color}}'; }
18 md-select.md-THEME_NAME-theme:not([disabled]):focus.md-warn .md-select-label {
19 border-bottom-color: '{{warn-color}}'; }
20 md-select.md-THEME_NAME-theme[disabled] .md-select-label {
21 color: '{{foreground-3}}'; }
22 md-select.md-THEME_NAME-theme[disabled] .md-select-label.md-placeholder {
23 color: '{{foreground-3}}'; }
24 md-select.md-THEME_NAME-theme .md-select-label {
25 border-bottom-color: '{{foreground-4}}'; }
26 md-select.md-THEME_NAME-theme .md-select-label.md-placeholder {
27 color: '{{foreground-2}}'; }
29 md-select-menu.md-THEME_NAME-theme md-optgroup {
30 color: '{{foreground-2}}'; }
31 md-select-menu.md-THEME_NAME-theme md-optgroup md-option {
32 color: '{{foreground-1}}'; }
33 md-select-menu.md-THEME_NAME-theme md-option[selected] {
34 color: '{{primary-500}}'; }
35 md-select-menu.md-THEME_NAME-theme md-option[selected]:focus {
36 color: '{{primary-600}}'; }
37 md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent {
38 color: '{{accent-500}}'; }
39 md-select-menu.md-THEME_NAME-theme md-option[selected].md-accent:focus {
40 color: '{{accent-600}}'; }
41 md-select-menu.md-THEME_NAME-theme md-option:focus:not([selected]) {
42 background: '{{background-200}}'; }