1 | @import "../../themes/ionic.globals";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | $loading-md-padding: null !default;
|
8 |
|
9 |
|
10 | $loading-md-padding-top: 24px !default;
|
11 |
|
12 |
|
13 | $loading-md-padding-end: $loading-md-padding-top !default;
|
14 |
|
15 |
|
16 | $loading-md-padding-bottom: $loading-md-padding-top !default;
|
17 |
|
18 |
|
19 | $loading-md-padding-start: $loading-md-padding-end !default;
|
20 |
|
21 |
|
22 | $loading-md-max-width: 280px !default;
|
23 |
|
24 |
|
25 | $loading-md-max-height: 90% !default;
|
26 |
|
27 |
|
28 | $loading-md-border-radius: 2px !default;
|
29 |
|
30 |
|
31 | $loading-md-text-color: rgba(0, 0, 0, .5) !default;
|
32 |
|
33 |
|
34 | $loading-md-background: #fafafa !default;
|
35 |
|
36 |
|
37 | $loading-md-box-shadow-color: rgba(0, 0, 0, .4) !default;
|
38 |
|
39 |
|
40 | $loading-md-box-shadow: 0 16px 20px $loading-md-box-shadow-color !default;
|
41 |
|
42 |
|
43 | $loading-md-content-margin-start: $content-md-margin !default;
|
44 |
|
45 |
|
46 | $loading-md-spinner-color: color($colors-md, primary) !default;
|
47 |
|
48 |
|
49 | $loading-md-spinner-ios-color: $loading-md-spinner-color !default;
|
50 |
|
51 |
|
52 | $loading-md-spinner-bubbles-color: $loading-md-spinner-color !default;
|
53 |
|
54 |
|
55 | $loading-md-spinner-circles-color: $loading-md-spinner-color !default;
|
56 |
|
57 |
|
58 | $loading-md-spinner-crescent-color: $loading-md-spinner-color !default;
|
59 |
|
60 |
|
61 | $loading-md-spinner-dots-color: $loading-md-spinner-color !default;
|
62 |
|
63 |
|
64 | .loading-md .loading-wrapper {
|
65 | @include border-radius($loading-md-border-radius);
|
66 |
|
67 | max-width: $loading-md-max-width;
|
68 | max-height: $loading-md-max-height;
|
69 |
|
70 | color: $loading-md-text-color;
|
71 | background: $loading-md-background;
|
72 |
|
73 | box-shadow: $loading-md-box-shadow;
|
74 |
|
75 | @include deprecated-variable(padding, $loading-md-padding) {
|
76 | @include padding($loading-md-padding-top, $loading-md-padding-end, $loading-md-padding-bottom, $loading-md-padding-start);
|
77 | }
|
78 | }
|
79 |
|
80 |
|
81 |
|
82 |
|
83 |
|
84 | .loading-md .loading-spinner + .loading-content {
|
85 | @include margin-horizontal($loading-md-content-margin-start, null);
|
86 | }
|
87 |
|
88 |
|
89 |
|
90 |
|
91 |
|
92 | .loading-md .spinner-ios line,
|
93 | .loading-md .spinner-ios-small line {
|
94 | stroke: $loading-md-spinner-ios-color;
|
95 | }
|
96 |
|
97 | .loading-md .spinner-bubbles circle {
|
98 | fill: $loading-md-spinner-bubbles-color;
|
99 | }
|
100 |
|
101 | .loading-md .spinner-circles circle {
|
102 | fill: $loading-md-spinner-circles-color;
|
103 | }
|
104 |
|
105 | .loading-md .spinner-crescent circle {
|
106 | stroke: $loading-md-spinner-crescent-color;
|
107 | }
|
108 |
|
109 | .loading-md .spinner-dots circle {
|
110 | fill: $loading-md-spinner-dots-color;
|
111 | }
|