Sha256: 7d8c0eaccef1aa7b2514e6cd919d1d24396fe7b2c08ed7d8e17b8fa603d1fece

Contents?: true

Size: 1.18 KB

Versions: 35

Compression:

Stored size: 1.18 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-bg);
  color: var(--lookbook-tooltip-text);

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

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

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

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

.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

35 entries across 35 versions & 1 rubygems

Version Path
lookbook-1.5.5 app/assets/lookbook/css/tooltip.css
lookbook-1.5.4 app/assets/lookbook/css/tooltip.css
lookbook-1.5.3 app/assets/lookbook/css/tooltip.css
lookbook-1.5.2 app/assets/lookbook/css/tooltip.css
lookbook-1.5.1 app/assets/lookbook/css/tooltip.css
lookbook-1.5.0 app/assets/lookbook/css/tooltip.css
lookbook-1.4.5 app/assets/lookbook/css/tooltip.css
lookbook-1.4.4 app/assets/lookbook/css/tooltip.css
lookbook-1.4.3 app/assets/lookbook/css/tooltip.css
lookbook-1.4.2 app/assets/lookbook/css/tooltip.css
lookbook-1.4.1 app/assets/lookbook/css/tooltip.css
lookbook-1.4.0 app/assets/lookbook/css/tooltip.css
lookbook-1.3.4 app/assets/lookbook/css/tooltip.css
lookbook-1.3.3 app/assets/lookbook/css/tooltip.css
lookbook-1.3.1 app/assets/lookbook/css/tooltip.css
lookbook-1.3.0 app/assets/lookbook/css/tooltip.css
lookbook-1.2.1 app/assets/lookbook/css/tooltip.css
lookbook-1.2.0 app/assets/lookbook/css/tooltip.css
lookbook-1.1.1 app/assets/lookbook/css/tooltip.css
lookbook-1.1.0 app/assets/lookbook/css/tooltip.css