amis2/scss/components/_popover.scss
2021-11-16 15:49:52 +08:00

59 lines
1.1 KiB
SCSS

.#{$ns}PopOver {
position: absolute;
background: var(--PopOver-bg);
top: 0;
left: 0;
z-index: $zindex-popover;
display: none;
padding: 0;
margin: 0;
font-weight: var(--fontWeightNormal);
letter-spacing: normal;
line-height: var(--lineHeightBase);
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: var(--fontSizeBase);
box-shadow: var(--boxShadow);
border: var(--borderWidth) solid var(--borderColor);
border-radius: var(--borderRadius);
& > * {
position: relative;
z-index: 2;
}
&-overlay {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 1;
bottom: 0;
background: transparent;
}
&-isMobile {
.#{$ns}PopOver-overlay {
background: rgba(0, 0, 0, 0.3);
}
}
&--leftBottomLeftTop {
transform: translateY(px2rem(4px));
}
&--leftTopLeftBottom {
transform: translateY(px2rem(-4px));
}
}
.has-popover {
position: relative;
}