@guardian/threads
Version:
42 lines (37 loc) • 603 B
CSS
.closer {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.holder {
position: absolute;
height: 0;
width: 0;
}
.holder[data-origin='left'] .popover {
float: left;
}
.popover {
background: var(--color-secondary);
color: var(--color-secondary-text);
z-index: 99;
box-shadow: var(--sh-card);
font-weight: 500;
border-radius: var(--radius-default);
float: right;
transform-origin: top right;
animation: appear 0.1s ease-in-out;
contain: content;
}
@keyframes appear {
0% {
transform: scale(0.95);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}