search

atomiks / tippyjs

Tooltip, popover, dropdown, and menu library
https://atomiks.github.io/tippyjs/
MIT License
11.78k stars 517 forks source link

Add none theme #1121

Open segevfiner opened 1 year ago

segevfiner commented 1 year ago

Fixes #1120

segevfiner commented 1 year ago

Vanilla CSS for those who need it:

.tippy-box[data-theme~='none'] {
  background-color: transparent;
  color: inherit;
}

.tippy-box[data-theme~='none'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: transparent;
}
.tippy-box[data-theme~='none'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: transparent;
}
.tippy-box[data-theme~='none'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: transparent;
}
.tippy-box[data-theme~='none'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: transparent;
}

.tippy-box[data-theme~='none'] > .tippy-backdrop {
  background-color: transparent;
}

.tippy-box[data-theme~='none'] > .tippy-svg-arrow {
  fill: transparent;
}