fadgram-ui/css/link.css

Fadgram UI is a Tailwind CSS plugin that provides a set of custom utility classes to enhance your web development experience. This plugin is designed to work seamlessly with Tailwind CSS, allowing you to quickly and easily style your web applications. ![F

@utility link {
  @apply text-primary dark:text-primary-500 no-underline hover:underline;
}
@utility link-underline {
  @apply text-primary dark:text-primary-500 underline;
}
@utility link-no-underline {
  @apply text-primary dark:text-primary-500;
}

@utility link-* {
  color: --value(--color- *);
  &:hover {
    color: --value(--color- * -700);
  }
  @variant dark {
    color: --value(--color- * -500);
    &:hover {
      color: --value(--color- * -400);
    }
  }
}

@utility icon-link {
  @apply inline-flex space-x-1 rtl:space-x-reverse items-center;
  @apply text-sm font-medium;
  @apply text-inherit;
  @apply transition-all duration-150 ease-in-out;
  @apply appearance-none p-0;
  @apply opacity-75 hover:opacity-100;
  &:disabled {
    @apply cursor-not-allowed opacity-60;
  }
}
@utility icon-link-* {
  opacity: 1;
  color: --value(--color- *);
  &:hover {
    color: --value(--color- * -700);
  }
  @variant dark {
    color: --value(--color- * -500);
    &:hover {
      color: --value(--color- * -400);
    }
  }
}