badmanners/gallery.badmanners.xyz
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Tippy.js tooltips to focusable elements

Browse source
This commit is contained in:
Bad Manners 2024-09-07 18:28:08 -03:00
parent a2fbf908aa
commit 09934a9f8e
No known key found for this signature in database
GPG key ID: 8C88292CCB075609
11 changed files with 73 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/styles/base.css
View file

@ -4,19 +4,19 @@
/* Tippy tooltips */
.tippy-box[data-theme~="bm"] {
@apply bg-stone-800 font-sans text-sm text-stone-50 dark:bg-zinc-900 dark:text-zinc-100;
@apply bg-stone-900 font-sans text-sm text-stone-50 dark:bg-zinc-700 dark:text-zinc-50;
}
.tippy-box[data-theme~="bm"][data-placement^="top"] > .tippy-arrow::before {
@apply border-t-stone-800 dark:border-t-zinc-900;
@apply border-t-stone-900 dark:border-t-zinc-700;
}
.tippy-box[data-theme~="bm"][data-placement^="bottom"] > .tippy-arrow::before {
@apply border-b-stone-800 dark:border-b-zinc-900;
@apply border-b-stone-900 dark:border-b-zinc-700;
}
.tippy-box[data-theme~="bm"][data-placement^="left"] > .tippy-arrow::before {
@apply border-l-stone-800 dark:border-l-zinc-900;
@apply border-l-stone-900 dark:border-l-zinc-700;
}
.tippy-box[data-theme~="bm"][data-placement^="right"] > .tippy-arrow::before {
@apply border-r-stone-800 dark:border-r-zinc-900;
@apply border-r-stone-900 dark:border-r-zinc-700;
}
@layer components {