style: remove prose link underlines and add fancy animated underline effect
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
This commit is contained in:
@@ -116,7 +116,16 @@
|
||||
/* Link styling within prose */
|
||||
.prose a {
|
||||
color: var(--brand-primary) !important;
|
||||
@apply font-medium no-underline border-b border-[var(--brand-primary)]/30 hover:border-[var(--brand-primary)] transition-all duration-200;
|
||||
text-decoration: none !important;
|
||||
@apply font-medium transition-all duration-300;
|
||||
background-image: linear-gradient(var(--brand-primary), var(--brand-primary));
|
||||
background-position: 0 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: 0 1px;
|
||||
}
|
||||
|
||||
.prose a:hover {
|
||||
background-size: 100% 1px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user