1 | @import "../../themes/ionic.globals";
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 | $popover-md-width: 250px !default;
|
8 |
|
9 |
|
10 | $popover-md-min-width: 0 !default;
|
11 |
|
12 |
|
13 | $popover-md-min-height: 0 !default;
|
14 |
|
15 |
|
16 | $popover-md-max-height: 90% !default;
|
17 |
|
18 |
|
19 | $popover-md-border-radius: 2px !default;
|
20 |
|
21 |
|
22 | $popover-md-text-color: $text-md-color !default;
|
23 |
|
24 |
|
25 | $popover-md-background: $background-md-color !default;
|
26 |
|
27 |
|
28 | $popover-md-box-shadow-color: rgba(0, 0, 0, .3) !default;
|
29 |
|
30 |
|
31 | $popover-md-box-shadow: 0 3px 12px 2px $popover-md-box-shadow-color !default;
|
32 |
|
33 |
|
34 | .popover-md .popover-content {
|
35 | @include border-radius($popover-md-border-radius);
|
36 | @include transform-origin(start, top);
|
37 |
|
38 | width: $popover-md-width;
|
39 | min-width: $popover-md-min-width;
|
40 | min-height: $popover-md-min-height;
|
41 | max-height: $popover-md-max-height;
|
42 |
|
43 | color: $popover-md-text-color;
|
44 | background: $popover-md-background;
|
45 | box-shadow: $popover-md-box-shadow;
|
46 | }
|
47 |
|
48 | .popover-md .popover-viewport {
|
49 | opacity: 0;
|
50 | transition-delay: 100ms;
|
51 | }
|