Sha256: 2cb132ab2c825dd4466c64cacefc92cbd054b319ed1df4a9f6a70d25aa693af3

Contents?: true

Size: 846 Bytes

Versions: 12

Compression:

Stored size: 846 Bytes

Contents

@layer components {
  [data-coco][data-component="popover"] {
    display: none;
    pointer-events: none;
  }
}

/* Tippy popover theme */
.tippy-box[data-theme^="coco-popover-"] {
  @apply text-content-light-1 text-para-md border-none shadow-xl rounded-lg p-6 font-normal;
  width: fit-content;

  .tippy-svg-arrow > svg:first-child {
    @apply hidden;
  }
}

.tippy-box[data-theme~="coco-popover-neutral"] {
  @apply bg-background-light-1 text-content-dark-1 border border-solid border-gray-blend-100;

  .tippy-svg-arrow > svg:first-child {
    @apply block;
    @apply fill-coco-gray-300;
  }

  .tippy-svg-arrow > svg:last-child {
    @apply fill-background-light-1;
  }
}

.tippy-box[data-theme~="coco-popover-info"] {
  @apply bg-background-info antialiased;

  .tippy-svg-arrow > svg:last-child {
    @apply fill-background-info;
  }
}

Version data entries

12 entries across 12 versions & 1 rubygems

Version Path
coveragebook_components-0.19.8 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.7 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.6 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.5 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.4 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.3 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.2 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.1 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.19.0 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.18.8 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.18.7 app/components/coco/messaging/popover/popover.css
coveragebook_components-0.18.0 app/components/coco/messaging/popover/popover.css