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