flyonui/components/link/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".link":{"--link-color":"color-mix(in oklab, var(--color-base-content) 80%, #0000)","display":"inline-block","cursor":"pointer","--tw-font-weight":"var(--font-weight-medium)","font-weight":"var(--font-weight-medium)","text-decoration-line":"underline","color":"var(--link-color)","&:hover":{"color":"color-mix(in oklab, var(--link-color) 80%, #000)"},"&:focus":{"--tw-outline-style":"none","outline-style":"none"},"&:focus-visible":{"outline":"2px solid currentColor","outline-offset":"2px"},"&.disabled, &[disabled], &:disabled":{"pointer-events":"none","opacity":"50%"}},".link:where(.link-hover)":{"text-decoration-line":"none","@media (hover:hover)":{"&:hover":{"@media (hover: hover)":{"text-decoration-line":"underline"}}}},".link:where(.link-animated)":{"position":"relative","text-decoration-line":"none","&::before":{"content":["var(--tw-content)","var(--tw-content)"],"pointer-events":"none","position":"absolute","inset-inline-start":"calc(0.25rem * 0)","bottom":"calc(0.25rem * 0)","height":"1px","width":"100%","background-color":"currentColor","transition-property":"transform, translate, scale, rotate","transition-timing-function":"var(--ease-in-out)","transition-duration":"300ms","--tw-duration":"300ms","--tw-ease":"var(--ease-in-out)","--tw-content":"''"}},".link:where(.link-animated)::before":{"transform-origin":"100% 50%","transform":"scale3d(0, 1, 1)"},".link:where(.link-animated):hover::before":{"transform-origin":"0% 50%","transform":"scale3d(1, 1, 1)"},".link-primary":{"--link-color":"var(--color-primary)"},".link-secondary":{"--link-color":"var(--color-secondary)"},".link-accent":{"--link-color":"var(--color-accent)"},".link-neutral":{"--link-color":"var(--color-neutral)"},".link-success":{"--link-color":"var(--color-success)"},".link-info":{"--link-color":"var(--color-info)"},".link-warning":{"--link-color":"var(--color-warning)"},".link-error":{"--link-color":"var(--color-error)"}};