1 | @import "../../themes/ionic.globals.md";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | $toast-md-background: #333 !default;
|
8 |
|
9 |
|
10 | $toast-md-title-color: #fff !default;
|
11 |
|
12 |
|
13 | $toast-md-title-font-size: 1.5rem !default;
|
14 |
|
15 |
|
16 | $toast-md-title-padding: null !default;
|
17 |
|
18 |
|
19 | $toast-md-title-padding-top: 19px !default;
|
20 |
|
21 |
|
22 | $toast-md-title-padding-end: 16px !default;
|
23 |
|
24 |
|
25 | $toast-md-title-padding-bottom: 17px !default;
|
26 |
|
27 |
|
28 | $toast-md-title-padding-start: $toast-md-title-padding-end !default;
|
29 |
|
30 |
|
31 | .toast-md .toast-wrapper {
|
32 | @include position-horizontal(0, 0);
|
33 | @include margin(auto);
|
34 |
|
35 | position: absolute;
|
36 |
|
37 | z-index: $z-index-overlay-wrapper;
|
38 | display: block;
|
39 |
|
40 | width: $toast-width;
|
41 | max-width: $toast-max-width;
|
42 |
|
43 | background: $toast-md-background;
|
44 | }
|
45 |
|
46 | .toast-md .toast-wrapper.toast-top {
|
47 | @include transform(translate3d(0, -100%, 0));
|
48 |
|
49 | top: 0;
|
50 | }
|
51 |
|
52 | .toast-md .toast-wrapper.toast-bottom {
|
53 | @include transform(translate3d(0, 100%, 0));
|
54 |
|
55 | bottom: 0;
|
56 | }
|
57 |
|
58 | .toast-md .toast-wrapper.toast-middle {
|
59 | opacity: .01;
|
60 | }
|
61 |
|
62 | .toast-md .toast-message {
|
63 | font-size: $toast-md-title-font-size;
|
64 |
|
65 | color: $toast-md-title-color;
|
66 |
|
67 | @include deprecated-variable(padding, $toast-md-title-padding) {
|
68 | @include padding($toast-md-title-padding-top, $toast-md-title-padding-end, $toast-md-title-padding-bottom, $toast-md-title-padding-start);
|
69 | }
|
70 | }
|