t-fighting-design/theme/link.css

Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.

.f-link{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:.3s;line-height:1;font-size:var(--f-link-font-size, 15px);color:var(--f-link-color, #2d5af1)}.f-link .f-svg-icon{font-size:var(--f-link-font-size, 15px)}.f-link:hover{opacity:.8}.f-link.f-link__default{color:var(--f-link-color, #333)}.f-link.f-link__primary{color:var(--f-link-color, #2d5af1)}.f-link.f-link__success{color:var(--f-link-color, #52b35e)}.f-link.f-link__danger{color:var(--f-link-color, #ff0200)}.f-link.f-link__warning{color:var(--f-link-color, #fcc202)}.f-link.f-link__line{text-decoration:underline}.f-link.f-link__bag:hover{background:#eee;border-radius:2px}.f-link.f-link__no-copy{user-select:none}.f-link.f-link__prohibit{opacity:.5;cursor:not-allowed}.f-link.f-link__prohibit.f-link__bag:hover{opacity:.5;background:none}