Sha256: eda6e80de317098149a7663c63eb2d0ab1cee892d31404238fd0db634a6095f2

Contents?: true

Size: 1.17 KB

Versions: 6

Compression:

Stored size: 1.17 KB

Contents

@import "tippy.js/dist/tippy";
@import "tippy.js/dist/border";

.tippy-box[data-theme~="tooltip"] {
  @apply text-xs opacity-90;

  background-color: var(--lookbook-tooltip);
  color: var(--lookbook-tooltip-text);

  &[data-placement^="top"] > .tippy-arrow::before {
    border-top-color: var(--lookbook-tooltip);
  }

  &[data-placement^="bottom"] > .tippy-arrow::before {
    border-bottom-color: var(--lookbook-tooltip);
  }

  &[data-placement^="left"] > .tippy-arrow::before {
    border-left-color: var(--lookbook-tooltip);
  }

  &[data-placement^="right"] > .tippy-arrow::before {
    border-right-color: var(--lookbook-tooltip);
  }
}

.tippy-box[data-theme~="menu"] {
  border: 1px solid theme("colors.gray.300");
  @apply bg-white text-gray-600 shadow-lg;

  & > .tippy-content {
    @apply rounded p-0 overflow-hidden;
  }

  &[data-placement^="top"] > .tippy-arrow::before {
    border-top-color: white;
  }

  &[data-placement^="bottom"] > .tippy-arrow::before {
    border-bottom-color: white;
  }

  &[data-placement^="left"] > .tippy-arrow::before {
    border-left-color: white;
  }

  &[data-placement^="right"] > .tippy-arrow::before {
    border-right-color: white;
  }
}

Version data entries

6 entries across 6 versions & 1 rubygems

Version Path
lookbook-1.0.0.beta.5 app/assets/lookbook/css/tooltip.css
lookbook-1.0.0.beta.4 app/assets/lookbook/css/tooltip.css
lookbook-1.0.0.beta.3 app/assets/lookbook/css/tooltip.css
lookbook-1.0.0.beta.2 app/assets/lookbook/css/tooltip.css
lookbook-1.0.0.beta.1 app/assets/lookbook/css/tooltip.css
lookbook-1.0.0.beta.0 app/assets/lookbook/css/tooltip.css