Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
1.1 kB · 61 lines
CSS
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162[data-slot="hover-card-trigger"] { display: flex; width: 100%; min-width: 0;}
[data-component="hover-card-content"] { z-index: 50; min-width: 200px; max-width: 320px; max-height: calc(100vh - 1rem); border-radius: 8px; background-color: var(--surface-raised-stronger-non-alpha); pointer-events: auto;
border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent); background-clip: padding-box; box-shadow: var(--shadow-md);
transform-origin: var(--kb-hovercard-content-transform-origin);
&:focus-within { outline: none; }
&[data-closed] { animation: hover-card-close 0.15s ease-out; }
&[data-expanded] { animation: hover-card-open 0.15s ease-out; }
[data-slot="hover-card-body"] { padding: 4px; max-height: inherit; overflow: hidden; }}
@keyframes hover-card-open { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); }}
@keyframes hover-card-close { from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.96); }}