23 lines
686 B
CSS
23 lines
686 B
CSS
|
/* Block, not inline-flex: consumers wrap full-width list rows and an
|
||
|
|
* inline wrapper would shrink them; the card still measures this rect. */
|
||
|
|
.root {
|
||
|
|
position: relative;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Preview card (figma session hover card): 244 wide, r12, pad 12/16, the
|
||
|
|
* menu card's elevation. Surface is #2C2C2E in both themes (figma value,
|
||
|
|
* light/dark identical), so a component-level variable, not a theme token. */
|
||
|
|
.card {
|
||
|
|
--dsw-hovercard-bg: #2C2C2E;
|
||
|
|
position: fixed;
|
||
|
|
z-index: 100;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 244px;
|
||
|
|
padding: 12px 16px;
|
||
|
|
border-radius: 12px;
|
||
|
|
background: var(--dsw-hovercard-bg);
|
||
|
|
box-shadow: var(--dsw-shadow-lv3);
|
||
|
|
pointer-events: none;
|
||
|
|
}
|