34 lines
1.2 KiB
CSS
34 lines
1.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* 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;
|
|
}
|
|
.tippy-box[data-theme~="bm"][data-placement^="top"] > .tippy-arrow::before {
|
|
@apply border-t-stone-800 dark:border-t-zinc-900;
|
|
}
|
|
.tippy-box[data-theme~="bm"][data-placement^="bottom"] > .tippy-arrow::before {
|
|
@apply border-b-stone-800 dark:border-b-zinc-900;
|
|
}
|
|
.tippy-box[data-theme~="bm"][data-placement^="left"] > .tippy-arrow::before {
|
|
@apply border-l-stone-800 dark:border-l-zinc-900;
|
|
}
|
|
.tippy-box[data-theme~="bm"][data-placement^="right"] > .tippy-arrow::before {
|
|
@apply border-r-stone-800 dark:border-r-zinc-900;
|
|
}
|
|
|
|
@layer components {
|
|
.text-link {
|
|
@apply text-stone-800 hover:text-bm-500 focus:text-bm-500 dark:text-zinc-300 dark:hover:text-bm-400 dark:focus:text-bm-400;
|
|
}
|
|
|
|
.contact-icon {
|
|
@apply inline transition-transform group-hover:scale-150 group-focus:scale-150 motion-reduce:transition-none motion-reduce:group-hover:scale-100 motion-reduce:group-focus:scale-100;
|
|
}
|
|
|
|
.contact-link {
|
|
@apply text-link block w-full py-2 transition-colors motion-reduce:transition-none;
|
|
}
|
|
}
|