2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 .md-contact-chips .md-chips .md-chip {
10 .md-contact-chips .md-chips .md-chip .md-contact-avatar {
12 .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
14 border-radius: 16px; }
15 .md-contact-chips .md-chips .md-chip .md-contact-name {
16 display: inline-block;
20 .md-contact-suggestion {
22 .md-contact-suggestion img {
26 .md-contact-suggestion .md-contact-name {
29 .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
30 display: inline-block;
32 text-overflow: ellipsis; }
34 .md-contact-chips-suggestions li {
39 font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
42 vertical-align: middle;
55 padding: 0 8px 0 12px;
57 .md-chips .md-chip .md-chip-content {
61 white-space: nowrap; }
62 .md-chips .md-chip .md-chip-content:focus {
64 .md-chips .md-chip .md-chip-remove-container {
65 display: inline-block;
67 .md-chips .md-chip .md-chip-remove {
73 background: transparent;
78 .md-chips .md-chip .md-chip-remove md-icon {
84 -webkit-transform: translate3d(-50%, -50%, 0);
85 transform: translate3d(-50%, -50%, 0); }
86 .md-chips .md-chip-input-container {
90 padding: 0 8px 0 12px;
92 .md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
97 .md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
99 .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
100 background: transparent;
102 .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
104 .md-chips .md-chip-input-container md-autocomplete input {
105 position: relative; }
106 .md-chips .md-chip-input-container input {
111 .md-chips .md-chip-input-container input:focus {
113 .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
115 .md-chips .md-chip-input-container md-autocomplete {
117 .md-chips .md-chip-input-container md-autocomplete input {
118 position: relative; }
119 .md-chips .md-chip-input-container:not(:first-child) {
120 margin: 8px 8px 0 0; }
121 .md-chips .md-chip-input-container input {
122 background: transparent;
124 .md-chips md-autocomplete button {
127 @media screen and (-ms-high-contrast: active) {
128 .md-chip-input-container, md-chip {
129 border: 1px solid #fff; }
130 .md-chip-input-container md-autocomplete {