| /*! |
| * Angular Material Design |
| * https://github.com/angular/material |
| * @license MIT |
| * v1.0.1 |
| */ |
| .md-contact-chips .md-chips .md-chip { |
| padding: 0 25px 0 0; } |
| .md-contact-chips .md-chips .md-chip .md-contact-avatar { |
| float: left; } |
| .md-contact-chips .md-chips .md-chip .md-contact-avatar img { |
| height: 32px; |
| border-radius: 16px; } |
| .md-contact-chips .md-chips .md-chip .md-contact-name { |
| display: inline-block; |
| height: 32px; |
| margin-left: 8px; } |
| |
| .md-contact-suggestion { |
| height: 56px; } |
| .md-contact-suggestion img { |
| height: 40px; |
| border-radius: 20px; |
| margin-top: 8px; } |
| .md-contact-suggestion .md-contact-name { |
| margin-left: 8px; |
| width: 120px; } |
| .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email { |
| display: inline-block; |
| overflow: hidden; |
| text-overflow: ellipsis; } |
| |
| .md-contact-chips-suggestions li { |
| height: 100%; } |
| |
| .md-chips { |
| display: block; |
| font-family: Roboto, "Helvetica Neue", sans-serif; |
| font-size: 16px; |
| padding: 0 0 8px 3px; |
| vertical-align: middle; } |
| .md-chips:after { |
| content: ''; |
| display: table; |
| clear: both; } |
| .md-chips:not(.md-readonly) { |
| cursor: text; } |
| .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) { |
| padding-right: 22px; } |
| .md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content { |
| padding-right: 4px; } |
| .md-chips .md-chip { |
| cursor: default; |
| border-radius: 16px; |
| display: block; |
| height: 32px; |
| line-height: 32px; |
| margin: 8px 8px 0 0; |
| padding: 0 12px 0 12px; |
| float: left; |
| box-sizing: border-box; |
| max-width: 100%; |
| position: relative; } |
| .md-chips .md-chip .md-chip-content { |
| display: block; |
| float: left; |
| white-space: nowrap; |
| max-width: 100%; |
| overflow: hidden; |
| text-overflow: ellipsis; } |
| .md-chips .md-chip .md-chip-content:focus { |
| outline: none; } |
| .md-chips .md-chip .md-chip-remove-container { |
| position: absolute; |
| right: 0; |
| line-height: 22px; } |
| .md-chips .md-chip .md-chip-remove { |
| text-align: center; |
| width: 32px; |
| height: 32px; |
| min-width: 0; |
| padding: 0; |
| background: transparent; |
| border: none; |
| box-shadow: none; |
| margin: 0; |
| position: relative; } |
| .md-chips .md-chip .md-chip-remove md-icon { |
| height: 18px; |
| width: 18px; |
| position: absolute; |
| top: 50%; |
| left: 50%; |
| -webkit-transform: translate3d(-50%, -50%, 0); |
| transform: translate3d(-50%, -50%, 0); } |
| .md-chips .md-chip-input-container { |
| display: block; |
| line-height: 32px; |
| margin: 8px 8px 0 0; |
| padding: 0; |
| float: left; } |
| .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"] { |
| border: 0; |
| height: 32px; |
| line-height: 32px; |
| padding: 0; } |
| .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 { |
| outline: none; } |
| .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap { |
| background: transparent; |
| height: 32px; } |
| .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap { |
| box-shadow: none; } |
| .md-chips .md-chip-input-container md-autocomplete input { |
| position: relative; } |
| .md-chips .md-chip-input-container input { |
| border: 0; |
| height: 32px; |
| line-height: 32px; |
| padding: 0; } |
| .md-chips .md-chip-input-container input:focus { |
| outline: none; } |
| .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap { |
| height: 32px; } |
| .md-chips .md-chip-input-container md-autocomplete { |
| box-shadow: none; } |
| .md-chips .md-chip-input-container md-autocomplete input { |
| position: relative; } |
| .md-chips .md-chip-input-container:not(:first-child) { |
| margin: 8px 8px 0 0; } |
| .md-chips .md-chip-input-container input { |
| background: transparent; |
| border-width: 0; } |
| .md-chips md-autocomplete button { |
| display: none; } |
| |
| @media screen and (-ms-high-contrast: active) { |
| .md-chip-input-container, |
| md-chip { |
| border: 1px solid #fff; } |
| .md-chip-input-container md-autocomplete { |
| border: none; } } |