2 * Angular Material Design
3 * https://github.com/angular/material
7 md-chips.md-THEME_NAME-theme .md-chips {
8 box-shadow: 0 1px '{{foreground-4}}'; }
9 md-chips.md-THEME_NAME-theme .md-chips.md-focused {
10 box-shadow: 0 2px '{{primary-color}}'; }
11 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input {
12 color: '{{foreground-1}}'; }
13 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input::-webkit-input-placeholder {
14 color: '{{foreground-3}}'; }
15 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input:-moz-placeholder {
16 color: '{{foreground-3}}'; }
17 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input::-moz-placeholder {
18 color: '{{foreground-3}}'; }
19 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input:-ms-input-placeholder {
20 color: '{{foreground-3}}'; }
21 md-chips.md-THEME_NAME-theme .md-chips .md-chip-input-container input::-webkit-input-placeholder {
22 color: '{{foreground-3}}'; }
24 md-chips.md-THEME_NAME-theme md-chip {
25 background: '{{background-300}}';
26 color: '{{background-800}}'; }
27 md-chips.md-THEME_NAME-theme md-chip md-icon {
28 color: '{{background-700}}'; }
29 md-chips.md-THEME_NAME-theme md-chip.md-focused {
30 background: '{{primary-color}}';
31 color: '{{primary-contrast}}'; }
32 md-chips.md-THEME_NAME-theme md-chip.md-focused md-icon {
33 color: '{{primary-contrast}}'; }
34 md-chips.md-THEME_NAME-theme md-chip._md-chip-editing {
35 background: transparent;
36 color: '{{background-800}}'; }
38 md-chips.md-THEME_NAME-theme md-chip-remove .md-button md-icon path {
39 fill: '{{background-500}}'; }
41 .md-contact-suggestion span.md-contact-email {
42 color: '{{background-400}}'; }