Sha256: bdaf822ed5fc6737ae1fde5f7c84c1fc7a2cd710086d5a7617ed0f76f17f92c3

Contents?: true

Size: 1.34 KB

Versions: 27

Compression:

Stored size: 1.34 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"] {
  @apply shadow-lg !max-w-none;

  border: 1px solid var(--lookbook-dropdown-divider);
  color: var(--lookbook-dropdown-text);
  background: var(--lookbook-dropdown-bg);

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

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

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

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

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

Version data entries

27 entries across 27 versions & 1 rubygems

Version Path
lookbook-2.3.4 assets/css/tooltip.css
lookbook-2.3.3 assets/css/tooltip.css
lookbook-2.3.2 assets/css/tooltip.css
lookbook-2.3.0 assets/css/tooltip.css
lookbook-2.2.2 assets/css/tooltip.css
lookbook-2.2.1 assets/css/tooltip.css
lookbook-2.2.0 assets/css/tooltip.css
lookbook-2.1.1 assets/css/tooltip.css
lookbook-2.1.0 assets/css/tooltip.css
lookbook-2.0.5 assets/css/tooltip.css
lookbook-2.0.4 assets/css/tooltip.css
lookbook-2.0.3 assets/css/tooltip.css
lookbook-2.0.2 assets/css/tooltip.css
lookbook-2.0.1 assets/css/tooltip.css
lookbook-2.0.0 assets/css/tooltip.css
lookbook-2.0.0.rc.3 assets/css/tooltip.css
lookbook-2.0.0.rc.2 assets/css/tooltip.css
lookbook-2.0.0.rc.1 assets/css/tooltip.css
lookbook-2.0.0.beta.9 assets/css/tooltip.css
lookbook-2.0.0.beta.8 assets/css/tooltip.css