32 lines
1.4 KiB
CSS
32 lines
1.4 KiB
CSS
/* Hover Card mapping. ui-viz has no Hover Card spec, so these are current HM values from the HM Semantic tokens.
|
|
A richer preview than Tooltip (title / description / metadata); it is wider than Popover so a preview reads in one block. */
|
|
:root, [data-hm-theme] {
|
|
--hm-hover-card-background: var(--hm-sem-floating-background);
|
|
--hm-hover-card-text: var(--hm-sem-fg-primary);
|
|
--hm-hover-card-border-width: var(--hm-sem-floating-border-width);
|
|
--hm-hover-card-border-color: var(--hm-sem-floating-border-color);
|
|
--hm-hover-card-radius: var(--hm-sem-floating-radius);
|
|
--hm-hover-card-shadow: var(--hm-sem-floating-shadow);
|
|
--hm-hover-card-padding: 16px;
|
|
--hm-hover-card-width: 320px;
|
|
--hm-hover-card-font-size: 14px;
|
|
--hm-hover-card-line-height: 20px;
|
|
--hm-hover-card-font-weight: 400;
|
|
}
|
|
|
|
[data-slot="hover-card-content"] {
|
|
box-sizing: border-box;
|
|
width: var(--hm-hover-card-width);
|
|
max-width: calc(100vw - 16px);
|
|
padding: var(--hm-hover-card-padding);
|
|
border: var(--hm-hover-card-border-width) solid var(--hm-hover-card-border-color);
|
|
border-radius: var(--hm-hover-card-radius);
|
|
background: var(--hm-hover-card-background);
|
|
color: var(--hm-hover-card-text);
|
|
box-shadow: var(--hm-hover-card-shadow);
|
|
font-size: var(--hm-hover-card-font-size);
|
|
line-height: var(--hm-hover-card-line-height);
|
|
font-weight: var(--hm-hover-card-font-weight);
|
|
overflow-wrap: anywhere;
|
|
}
|