2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 @-webkit-keyframes md-autocomplete-list-out {
10 -webkit-animation-timing-function: linear;
11 animation-timing-function: linear; }
16 -webkit-animation-timing-function: ease-in;
17 animation-timing-function: ease-in; }
22 @keyframes md-autocomplete-list-out {
24 -webkit-animation-timing-function: linear;
25 animation-timing-function: linear; }
30 -webkit-animation-timing-function: ease-in;
31 animation-timing-function: ease-in; }
37 @-webkit-keyframes md-autocomplete-list-in {
41 -webkit-animation-timing-function: ease-out;
42 animation-timing-function: ease-out; }
52 @keyframes md-autocomplete-list-in {
56 -webkit-animation-timing-function: ease-out;
57 animation-timing-function: ease-out; }
74 md-autocomplete[disabled] input {
75 cursor: not-allowed; }
76 md-autocomplete[md-floating-label] {
79 background: transparent;
81 md-autocomplete[md-floating-label] md-input-container {
83 md-autocomplete[md-floating-label] md-autocomplete-wrap {
85 md-autocomplete[md-floating-label] button {
92 md-autocomplete md-autocomplete-wrap {
97 md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] {
104 md-autocomplete md-autocomplete-wrap md-progress-linear[md-mode=indeterminate] .md-container {
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 {
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 {
116 md-autocomplete input:not(.md-input) {
118 box-sizing: border-box;
126 background: transparent; }
127 md-autocomplete input:not(.md-input)::-ms-clear {
129 md-autocomplete button {
140 background: transparent;
142 md-autocomplete button:after {
150 -webkit-transform: scale(0);
153 transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
154 md-autocomplete button:focus {
156 md-autocomplete button:focus:after {
157 -webkit-transform: scale(1);
160 md-autocomplete button md-icon {
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 {
168 md-autocomplete button.ng-enter {
169 -webkit-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 {
188 .md-autocomplete-suggestions {
196 .md-autocomplete-suggestions li {
203 transition: background 0.15s linear;
206 text-overflow: ellipsis; }
207 .md-autocomplete-suggestions li.ng-enter, .md-autocomplete-suggestions li.ng-hide-remove {
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 {
213 -webkit-animation: md-autocomplete-list-out 0.2s;
214 animation: md-autocomplete-list-out 0.2s; }
215 .md-autocomplete-suggestions li:focus {
218 @media screen and (-ms-high-contrast: active) {
219 md-autocomplete, .md-autocomplete-suggestions {
220 border: 1px solid #fff; } }