ecomp-portal-FE/client/bower_components/angular-material/modules/js/chips/chips.css

   1 /*!
   2  * Angular Material Design
   3  * https://github.com/angular/material
   4  * @license MIT
   5  * v0.9.8
   6  */
   7 /* mixin definition ; sets LTR and RTL within the same style call */
   8 .md-contact-chips .md-chips .md-chip {
   9   padding: 0 8px 0 0; }
  10   .md-contact-chips .md-chips .md-chip .md-contact-avatar {
  11     float: left; }
  12     .md-contact-chips .md-chips .md-chip .md-contact-avatar img {
  13       height: 32px;
  14       border-radius: 16px; }
  15   .md-contact-chips .md-chips .md-chip .md-contact-name {
  16     display: inline-block;
  17     height: 32px;
  18     margin-left: 8px; }
  19
  20 .md-contact-suggestion {
  21   height: 56px; }
  22   .md-contact-suggestion img {
  23     height: 40px;
  24     border-radius: 20px;
  25     margin-top: 8px; }
  26   .md-contact-suggestion .md-contact-name {
  27     margin-left: 8px;
  28     width: 120px; }
  29   .md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
  30     display: inline-block;
  31     overflow: hidden;
  32     text-overflow: ellipsis; }
  33
  34 .md-contact-chips-suggestions li {
  35   height: 100%; }
  36
  37 .md-chips {
  38   display: block;
  39   font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif;
  40   font-size: 13px;
  41   padding: 0 0 8px 0;
  42   vertical-align: middle;
  43   cursor: text; }
  44   .md-chips:after {
  45     content: '';
  46     display: table;
  47     clear: both; }
  48   .md-chips .md-chip {
  49     cursor: default;
  50     border-radius: 16px;
  51     display: block;
  52     height: 32px;
  53     line-height: 32px;
  54     margin: 8px 8px 0 0;
  55     padding: 0 8px 0 12px;
  56     float: left; }
  57     .md-chips .md-chip .md-chip-content {
  58       display: block;
  59       padding-right: 4px;
  60       float: left;
  61       white-space: nowrap; }
  62       .md-chips .md-chip .md-chip-content:focus {
  63         outline: none; }
  64     .md-chips .md-chip .md-chip-remove-container {
  65       display: inline-block;
  66       margin-right: -5px; }
  67     .md-chips .md-chip .md-chip-remove {
  68       text-align: center;
  69       width: 32px;
  70       height: 32px;
  71       min-width: 0;
  72       padding: 0;
  73       background: transparent;
  74       border: none;
  75       box-shadow: none;
  76       margin: 0;
  77       position: relative; }
  78       .md-chips .md-chip .md-chip-remove md-icon {
  79         height: 18px;
  80         width: 18px;
  81         position: absolute;
  82         top: 50%;
  83         left: 50%;
  84         -webkit-transform: translate3d(-50%, -50%, 0);
  85                 transform: translate3d(-50%, -50%, 0); }
  86   .md-chips .md-chip-input-container {
  87     display: block;
  88     line-height: 32px;
  89     margin: 8px 8px 0 0;
  90     padding: 0 8px 0 12px;
  91     float: left; }
  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"] {
  93       border: 0;
  94       height: 32px;
  95       line-height: 32px;
  96       padding: 0; }
  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 {
  98         outline: none; }
  99     .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
 100       background: transparent;
 101       height: 32px; }
 102     .md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
 103       box-shadow: none; }
 104     .md-chips .md-chip-input-container md-autocomplete input {
 105       position: relative; }
 106     .md-chips .md-chip-input-container input {
 107       border: 0;
 108       height: 32px;
 109       line-height: 32px;
 110       padding: 0; }
 111       .md-chips .md-chip-input-container input:focus {
 112         outline: none; }
 113     .md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
 114       height: 32px; }
 115     .md-chips .md-chip-input-container md-autocomplete {
 116       box-shadow: none; }
 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;
 123       border-width: 0; }
 124   .md-chips md-autocomplete button {
 125     display: none; }
 126
 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 {
 131     border: none; } }