UNPKG

1.57 kBSCSSView Raw
1@import "../../themes/ionic.globals";
2
3// Material Design Popover
4// --------------------------------------------------
5
6/// @prop - Width of the popover content
7$popover-md-width: 250px !default;
8
9/// @prop - Min width of the popover content
10$popover-md-min-width: 0 !default;
11
12/// @prop - Minimum height of the popover content
13$popover-md-min-height: 0 !default;
14
15/// @prop - Maximum height of the popover content
16$popover-md-max-height: 90% !default;
17
18/// @prop - Border radius of the popover content
19$popover-md-border-radius: 2px !default;
20
21/// @prop - Text color of the popover content
22$popover-md-text-color: $text-md-color !default;
23
24/// @prop - Background of the popover content
25$popover-md-background: $background-md-color !default;
26
27/// @prop - Box shadow color of the popover content
28$popover-md-box-shadow-color: rgba(0, 0, 0, .3) !default;
29
30/// @prop - Box shadow of the popover content
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}