albert/teoldalad
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

init

Browse source
This commit is contained in:
skidoodle 2024-03-13 00:30:45 +01:00
commit d761a10bf7
102 changed files with 4761 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
lib/components/common/Tooltip.svelte Normal file
View file

@ -0,0 +1,23 @@
<span class="absolute bottom-full left-1/2 -translate-x-1/2 pointer-events-none select-none">
<div class="relative z-[999] bg-item rounded-full">
<div class="relative text-white p-[10px] whitespace-nowrap text-base font-normal leading-[.8] rounded-full">
<slot />
</div>
</div>
</span>
<style lang="postcss">
span::after {
@apply content-[''] absolute top-full left-1/2 -ml-[5px] border-[5px] border-solid border-transparent border-t-item;
}
div {
@apply before:rounded-[32px] before:w-full before:h-full before:top-0 before:left-0 before:z-[-1] before:content-[''] before:absolute before:border before:border-transparent;
}
div::before {
background: linear-gradient(#25292c, theme('colors.item')) border-box;
mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
}
</style>