Skip to content
This repository has been archived by the owner on Nov 9, 2024. It is now read-only.

Add simple arrow styling to the documentation #1181

Open
placoderm opened this issue Sep 3, 2024 · 0 comments
Open

Add simple arrow styling to the documentation #1181

placoderm opened this issue Sep 3, 2024 · 0 comments

Comments

@placoderm
Copy link

Problem

The documentation for arrow styling is missing a simple explanation.

Solution

It is possible to style an arrow simply with:

.tippy-arrow {
color: black
}

Why not just include this? I wasted so much time playing with this:

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

Thanks for tippy.js!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

1 participant