@asphalt-react/popover
Version:
Popover
56 lines (46 loc) • 1.19 kB
CSS
.Popover__awIQi {
--surface-color: var(--static-surface-primary, #ffffff);
--box-shadow: var(--shadow-low, 0px 2px 20px 0px #1e2c6a14);
--border-radius: var(--roundness-container-S, 0.5rem);
box-shadow: var(--box-shadow);
background-color: var(--surface-color);
border-radius: var(--border-radius);
z-index: 1;
box-sizing: border-box;
padding: var(--space-container-M, 1rem);
border: none;
width: -moz-fit-content;
width: fit-content;
margin: 0;
}
.s__ryY9V {
padding: var(--space-container-S, 0.75rem);
}
.m__lHN6x {
padding: var(--space-container-M, 1rem);
}
.l__Ab7cI {
padding: var(--space-container-L, 1.5rem);
}
.bezelless__iNfYC {
padding: 0;
}
.stretch__vFs7x {
width: 100%;
}
.inverse__ljPEh {
--surface-color: var(--static-surface-inverse, #383942);
--text-color: var(--content-on-inverse, #ffffff);
color: var(--text-color);
}
.content__-k6SR {
--surface-color: var(--static-surface-inverse, #383942);
--text-color: var(--content-on-inverse, #ffffff);
color: var(--text-color);
}
.arrow__rJMmF {
--surface-color: var(--static-surface-inverse, #383942);
fill: var(--surface-color);
width: 16px;
height: 16px;
}