zer0bin/frontend/style/tooltip.scss

31 lines
610 B
SCSS

$text: #e0def4;
$bg: #26233a;
$font-mono: "Cartograph CF", ui-monospace, SFMono-Regular, Menlo, Monaco,
Consolas, "Liberation Mono", "Courier New", monospace;
@import "./font.scss";
.rosepine-parent {
color: $text;
background-color: $bg;
opacity: 0.8;
padding: 10px;
font-family: $font-mono;
font-size: 13px;
border-radius: 10px;
> .tippy-backdrop {
background-color: $bg;
}
> .tippy-svg-arrow {
fill: $bg;
}
}
.tippy-box[data-theme~="rosepine"] {
@extend .rosepine-parent;
margin-top: 0.3rem;
}
.tippy-box[data-theme~="rosepine-extended"] {
@extend .rosepine-parent;
margin-top: 2rem;
}