@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
65 lines (57 loc) • 1.49 kB
CSS
.spectrum--large .spectrum-Popover {
visibility: hidden;
opacity: 0;
transition: transform 130ms ease-in-out,
opacity 130ms ease-in-out,
visibility 0ms linear 130ms;
pointer-events: none;
}
.spectrum--large .spectrum-Popover.is-open {
visibility: visible;
opacity: 1;
transition-delay: 0ms;
pointer-events: auto;
}
.spectrum--large .spectrum-Popover--bottom.is-open {
transform: translateY(8px);
}
.spectrum--large .spectrum-Popover--top.is-open {
transform: translateY(-8px);
}
.spectrum--large .spectrum-Popover--right.is-open {
transform: translateX(8px);
}
.spectrum--large .spectrum-Popover--left.is-open {
transform: translateX(-8px);
}
.spectrum--large .spectrum-Popover {
min-width: 40px;
min-height: 40px;
border-width: 1px;
border-radius: 5px;
}
.spectrum--large .spectrum-Popover-tip {
width: 26px;
height: 13.5px;
}
.spectrum--large .spectrum-Popover-tip::after {
width: 25px;
height: 25px;
border-width: 1px;
}
.spectrum--large .spectrum-Popover--dialog {
min-width: 270px;
padding: 30px 29px;
}
.spectrum--large .spectrum-Popover--left.spectrum-Popover--withTip {
margin-right: 13px;
}
.spectrum--large .spectrum-Popover--right.spectrum-Popover--withTip {
margin-left: 13px;
}
.spectrum--large .spectrum-Popover--bottom.spectrum-Popover--withTip {
margin-top: 13px;
}
.spectrum--large .spectrum-Popover--top.spectrum-Popover--withTip {
margin-bottom: 13px;
}