kris/reacord
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

active link style

Browse Source
This commit is contained in:
itsMapleLeaf
2023-03-12 16:14:46 -05:00
parent 6da6008d2c
commit 84348d287f
5 changed files with 46 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/website/src/styles/tailwind.css
View File

@@ -24,13 +24,13 @@
@apply font-medium inline-block relative opacity-60 hover:opacity-100 transition-opacity;
}
.link::after {
@apply content-[''] absolute block w-full h-px bg-current translate-y-[3px] opacity-0 transition;
@apply content-[''] bottom-[-2px] absolute block w-full h-px bg-current translate-y-[3px] opacity-0 transition;
}
.link:hover::after {
@apply -translate-y-px opacity-50;
}
.link-active {
@apply text-emerald-500;
@apply text-emerald-500 opacity-100;
}
.button {