Sha256: 80bb3fcfdaf3e2acf10fec9b8907ad4932c29d54ffe229cd1b2d9acb269235d8
Contents?: true
Size: 1.32 KB
Versions: 4
Compression:
Stored size: 1.32 KB
Contents
@import "tippy.js/dist/tippy";
@import "tippy.js/dist/svg-arrow";
@import "tippy.js/dist/border.css";
/* Tippy */
@layer components {
[data-tippy-root] {
@apply !z-[10010];
}
.tippy-box[data-theme^="coco-"] {
@apply bg-transparent text-gray-900 label-md whitespace-normal;
.tippy-content {
@apply p-0;
}
/* arrow border */
.tippy-svg-arrow > svg:first-child {
@apply fill-transparent;
}
/* arrow background */
.tippy-svg-arrow > svg:last-child {
@apply fill-transparent;
}
}
/* Tooltip theme */
.tippy-box[data-theme~="coco-tooltip"] {
@apply bg-background-dark-2 text-white label-sm rounded-lg shadow-xl;
.tippy-content {
@apply px-3 py-2 truncate max-w-[240px];
}
/* arrow background */
.tippy-svg-arrow > svg:first-child {
@apply hidden;
}
.tippy-svg-arrow > svg:last-child {
@apply fill-gray-900;
}
}
/*
* Tippy dropdown theme
*/
.tippy-box[data-theme~="coco-app-dropdown"],
.tippy-box[data-theme~="coco-menu"] {
@apply tippy-dropdown-box;
}
.tippy-box[data-theme~="coco-naked-dropdown"] {
width: min-content;
}
}
@layer utilities {
.tippy-dropdown-box {
@apply bg-background-light-2 text-gray-900 label-sm border border-solid border-gray-blend-100 shadow-xl rounded-lg;
}
}
Version data entries
4 entries across 4 versions & 1 rubygems