ecomp-portal-FE/client/bower_components/angular-material/modules/js/autocomplete/autocomplete.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 @-webkit-keyframes md-autocomplete-list-out {
   9   0% {
  10     -webkit-animation-timing-function: linear;
  11             animation-timing-function: linear; }
  12
  13   50% {
  14     opacity: 0;
  15     height: 40px;
  16     -webkit-animation-timing-function: ease-in;
  17             animation-timing-function: ease-in; }
  18
  19   100% {
  20     height: 0;
  21     opacity: 0; } }
  22 @keyframes md-autocomplete-list-out {
  23   0% {
  24     -webkit-animation-timing-function: linear;
  25             animation-timing-function: linear; }
  26
  27   50% {
  28     opacity: 0;
  29     height: 40px;
  30     -webkit-animation-timing-function: ease-in;
  31             animation-timing-function: ease-in; }
  32
  33   100% {
  34     height: 0;
  35     opacity: 0; } }
  36
  37 @-webkit-keyframes md-autocomplete-list-in {
  38   0% {
  39     opacity: 0;
  40     height: 0;
  41     -webkit-animation-timing-function: ease-out;
  42             animation-timing-function: ease-out; }
  43
  44   50% {
  45     opacity: 0;
  46     height: 40px; }
  47
  48   100% {
  49     opacity: 1;
  50     height: 40px; } }
  51
  52 @keyframes md-autocomplete-list-in {
  53   0% {
  54     opacity: 0;
  55     height: 0;
  56     -webkit-animation-timing-function: ease-out;
  57             animation-timing-function: ease-out; }
  58
  59   50% {
  60     opacity: 0;
  61     height: 40px; }
  62
  63   100% {
  64     opacity: 1;
  65     height: 40px; } }
  66
  67 md-autocomplete {
  68   border-radius: 2px;
  69   display: block;
  70   height: 40px;
  71   position: relative;
  72   overflow: visible;
  73   min-width: 190px; }
  74   md-autocomplete[disabled] input {
  75     cursor: not-allowed; }
  76   md-autocomplete[md-floating-label] {
  77     padding-bottom: 26px;
  78     border-radius: 0;
  79     background: transparent;
  80     height: auto; }
  81     md-autocomplete[md-floating-label] md-input-container {
  82       padding-bottom: 0; }
  83     md-autocomplete[md-floating-label] md-autocomplete-wrap {
  84       height: auto; }
  85     md-autocomplete[md-floating-label] button {
  86       position: absolute;
  87       top: auto;
  88       bottom: 0;
  89       right: 0;
  90       width: 30px;
  91       height: 30px; }
  92   md-autocomplete md-autocomplete-wrap {
  93     display: block;
  94     position: relative;
  95     overflow: visible;
  96     height: 40px; }
  97     md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] {
  98       position: absolute;
  99       bottom: 0;
 100       left: 0;
 101       width: 100%;
 102       height: 3px;
 103       transition: none; }
 104       md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] .md-container {
 105         transition: none;
 106         top: auto;
 107         height: 3px; }
 108       md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-enter {
 109         transition: opacity 0.15s linear; }
 110         md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-enter.ng-enter-active {
 111           opacity: 1; }
 112       md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-leave {
 113         transition: opacity 0.15s linear; }
 114         md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate].ng-leave.ng-leave-active {
 115           opacity: 0; }
 116   md-autocomplete input:not(.md-input) {
 117     width: 100%;
 118     box-sizing: border-box;
 119     border: none;
 120     box-shadow: none;
 121     padding: 0 15px;
 122     font-size: 14px;
 123     line-height: 40px;
 124     height: 40px;
 125     outline: none;
 126     background: transparent; }
 127     md-autocomplete input:not(.md-input)::-ms-clear {
 128       display: none; }
 129   md-autocomplete button {
 130     position: relative;
 131     line-height: 20px;
 132     text-align: center;
 133     width: 30px;
 134     height: 30px;
 135     cursor: pointer;
 136     border: none;
 137     border-radius: 50%;
 138     padding: 0;
 139     font-size: 12px;
 140     background: transparent;
 141     margin: auto 5px; }
 142     md-autocomplete button:after {
 143       content: '';
 144       position: absolute;
 145       top: -6px;
 146       right: -6px;
 147       bottom: -6px;
 148       left: -6px;
 149       border-radius: 50%;
 150       -webkit-transform: scale(0);
 151               transform: scale(0);
 152       opacity: 0;
 153       transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
 154     md-autocomplete button:focus {
 155       outline: none; }
 156       md-autocomplete button:focus:after {
 157         -webkit-transform: scale(1);
 158                 transform: scale(1);
 159         opacity: 1; }
 160     md-autocomplete button md-icon {
 161       position: absolute;
 162       top: 50%;
 163       left: 50%;
 164       -webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
 165               transform: translate3d(-50%, -50%, 0) scale(0.9); }
 166       md-autocomplete button md-icon path {
 167         stroke-width: 0; }
 168     md-autocomplete button.ng-enter {
 169       -webkit-transform: scale(0);
 170               transform: scale(0);
 171       transition: -webkit-transform 0.15s ease-out;
 172       transition: transform 0.15s ease-out; }
 173       md-autocomplete button.ng-enter.ng-enter-active {
 174         -webkit-transform: scale(1);
 175                 transform: scale(1); }
 176     md-autocomplete button.ng-leave {
 177       transition: -webkit-transform 0.15s ease-out;
 178       transition: transform 0.15s ease-out; }
 179       md-autocomplete button.ng-leave.ng-leave-active {
 180         -webkit-transform: scale(0);
 181                 transform: scale(0); }
 182   @media screen and (-ms-high-contrast: active) {
 183     md-autocomplete input {
 184       border: 1px solid #fff; }
 185     md-autocomplete li:focus {
 186       color: #fff; } }
 187
 188 .md-autocomplete-suggestions {
 189   position: absolute;
 190   margin: 0;
 191   list-style: none;
 192   padding: 0;
 193   overflow: auto;
 194   max-height: 225.5px;
 195   z-index: 100; }
 196   .md-autocomplete-suggestions li {
 197     cursor: pointer;
 198     font-size: 14px;
 199     overflow: hidden;
 200     padding: 0 15px;
 201     line-height: 48px;
 202     height: 48px;
 203     transition: background 0.15s linear;
 204     margin: 0;
 205     white-space: nowrap;
 206     text-overflow: ellipsis; }
 207     .md-autocomplete-suggestions li.ng-enter, .md-autocomplete-suggestions li.ng-hide-remove {
 208       transition: none;
 209       -webkit-animation: md-autocomplete-list-in 0.2s;
 210               animation: md-autocomplete-list-in 0.2s; }
 211     .md-autocomplete-suggestions li.ng-leave, .md-autocomplete-suggestions li.ng-hide-add {
 212       transition: none;
 213       -webkit-animation: md-autocomplete-list-out 0.2s;
 214               animation: md-autocomplete-list-out 0.2s; }
 215     .md-autocomplete-suggestions li:focus {
 216       outline: none; }
 217
 218 @media screen and (-ms-high-contrast: active) {
 219   md-autocomplete, .md-autocomplete-suggestions {
 220     border: 1px solid #fff; } }