Files
logseq/src/main/frontend/tippy-tooltip.css

80 lines
3.1 KiB
CSS

.tippy-popper {
max-width: 800px;
}
.tippy-popper[x-placement^=top] [x-arrow],
.tippy-popper[x-placement^=top] [x-arrow].arrow-small,
.tippy-popper[x-placement^=top] [x-arrow].arrow-big {
border-top-color: var(--ls-tertiary-background-color);
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle],
.tippy-popper .tippy-tooltip.transparent-theme {
background-color: var(--ls-secondary-background-color);
}
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-top-color: var(--ls-secondary-background-color);
}
.tippy-popper[x-placement^=bottom] [x-arrow],
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small,
.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big {
border-bottom-color: var(--ls-tertiary-background-color);
}
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-bottom-color: var(--ls-secondary-background-color);
}
.tippy-popper[x-placement^=left] [x-arrow],
.tippy-popper[x-placement^=left] [x-arrow].arrow-small,
.tippy-popper[x-placement^=left] [x-arrow].arrow-big {
border-left-color: var(--ls-tertiary-background-color);
}
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-left-color: var(--ls-secondary-background-color);
}
.tippy-popper[x-placement^=right] [x-arrow],
.tippy-popper[x-placement^=right] [x-arrow].arrow-small,
.tippy-popper[x-placement^=right] [x-arrow].arrow-big {
border-right-color: var(--ls-tertiary-background-color);
}
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow],
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small,
.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big {
border-right-color: var(--ls-tertiary-background-color);
}
.tippy-tooltip {
@apply shadow border border-gray-07 dark:border-gray-05 px-2 py-1;
will-change: auto;
color: var(--ls-primary-text-color, hsl(var(--foreground)));
background-color: var(--lx-gray-03, var(--ls-tertiary-background-color, var(--rx-gray-03)));
}
.tippy-tooltip [x-circle] {
will-change: auto;
}
.tippy-popper .tippy-tooltip.customized-theme * {
text-align: left;
}
.tippy-popper .tippy-tooltip.monospace-theme {
font-family: 'Fira Code', Monaco, Menlo, Consolas, 'COURIER NEW', monospace;
}