2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
8 md-progress-linear:not([md-mode="indeterminate"]) {
12 md-progress-linear:not([md-mode="indeterminate"]) .md-container {
17 -webkit-transform: translate(0, 5px) scale(1, 0);
18 transform: translate(0, 5px) scale(1, 0);
19 transition: all .3s linear; }
20 md-progress-linear:not([md-mode="indeterminate"]) .md-container.md-ready {
21 -webkit-transform: translate(0, 0) scale(1, 1);
22 transform: translate(0, 0) scale(1, 1); }
23 md-progress-linear:not([md-mode="indeterminate"]) .md-bar {
27 md-progress-linear:not([md-mode="indeterminate"]) .md-bar1, md-progress-linear:not([md-mode="indeterminate"]) .md-bar2 {
28 transition: all 0.2s linear; }
29 md-progress-linear:not([md-mode="indeterminate"])[md-mode=determinate] .md-bar1 {
31 md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-container {
32 background-color: transparent !important; }
33 md-progress-linear:not([md-mode="indeterminate"])[md-mode=buffer] .md-dashed:before {
40 background-color: transparent;
41 background-size: 10px 10px !important;
42 background-position: 0px -23px;
43 -webkit-animation: buffer 3s infinite linear;
44 animation: buffer 3s infinite linear; }
45 md-progress-linear:not([md-mode="indeterminate"])[md-mode=query] .md-bar2 {
46 -webkit-animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
47 animation: query .8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
49 md-progress-linear[md-mode="indeterminate"] {
54 md-progress-linear[md-mode="indeterminate"] .md-container {
60 transition: all .3s linear; }
61 md-progress-linear[md-mode="indeterminate"] .md-container .md-bar {
68 md-progress-linear[md-mode="indeterminate"] .md-container .md-bar1 {
69 -webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
70 animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
71 md-progress-linear[md-mode="indeterminate"] .md-container .md-bar2 {
72 -webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
73 animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
75 @-webkit-keyframes query {
78 -webkit-transform: translateX(35%) scale(.3, 1);
79 transform: translateX(35%) scale(.3, 1); }
83 -webkit-transform: translateX(-50%) scale(0, 1);
84 transform: translateX(-50%) scale(0, 1); } }
89 -webkit-transform: translateX(35%) scale(.3, 1);
90 transform: translateX(35%) scale(.3, 1); }
94 -webkit-transform: translateX(-50%) scale(0, 1);
95 transform: translateX(-50%) scale(0, 1); } }
97 @-webkit-keyframes buffer {
100 background-position: 0px -23px; }
107 background-position: -200px -23px; } }
112 background-position: 0px -23px; }
119 background-position: -200px -23px; } }
121 @-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
123 -webkit-transform: scaleX(0.1);
124 transform: scaleX(0.1);
125 -webkit-animation-timing-function: linear;
126 animation-timing-function: linear; }
129 -webkit-transform: scaleX(0.1);
130 transform: scaleX(0.1);
131 -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
132 animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
135 -webkit-transform: scaleX(0.83);
136 transform: scaleX(0.83);
137 -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
138 animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
141 -webkit-transform: scaleX(0.1);
142 transform: scaleX(0.1); } }
144 @keyframes md-progress-linear-indeterminate-scale-1 {
146 -webkit-transform: scaleX(0.1);
147 transform: scaleX(0.1);
148 -webkit-animation-timing-function: linear;
149 animation-timing-function: linear; }
152 -webkit-transform: scaleX(0.1);
153 transform: scaleX(0.1);
154 -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
155 animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
158 -webkit-transform: scaleX(0.83);
159 transform: scaleX(0.83);
160 -webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
161 animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
164 -webkit-transform: scaleX(0.1);
165 transform: scaleX(0.1); } }
167 @-webkit-keyframes md-progress-linear-indeterminate-1 {
170 -webkit-animation-timing-function: linear;
171 animation-timing-function: linear; }
175 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
176 animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
180 -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
181 animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
186 @keyframes md-progress-linear-indeterminate-1 {
189 -webkit-animation-timing-function: linear;
190 animation-timing-function: linear; }
194 -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
195 animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
199 -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
200 animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
205 @-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
207 -webkit-transform: scaleX(0.1);
208 transform: scaleX(0.1);
209 -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
210 animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
213 -webkit-transform: scaleX(0.57);
214 transform: scaleX(0.57);
215 -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
216 animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
219 -webkit-transform: scaleX(0.91);
220 transform: scaleX(0.91);
221 -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
222 animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
225 -webkit-transform: scaleX(0.1);
226 transform: scaleX(0.1); } }
228 @keyframes md-progress-linear-indeterminate-scale-2 {
230 -webkit-transform: scaleX(0.1);
231 transform: scaleX(0.1);
232 -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
233 animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
236 -webkit-transform: scaleX(0.57);
237 transform: scaleX(0.57);
238 -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
239 animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
242 -webkit-transform: scaleX(0.91);
243 transform: scaleX(0.91);
244 -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
245 animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
248 -webkit-transform: scaleX(0.1);
249 transform: scaleX(0.1); } }
251 @-webkit-keyframes md-progress-linear-indeterminate-2 {
254 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
255 animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
259 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
260 animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
264 -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
265 animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
268 left: 117.38889%; } }
270 @keyframes md-progress-linear-indeterminate-2 {
273 -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
274 animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
278 -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
279 animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
283 -webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
284 animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
287 left: 117.38889%; } }