From ed269a819a81e8a3fd8274a0ef5e54a5474c16b7 Mon Sep 17 00:00:00 2001 From: Matthias Goudjil Date: Tue, 10 Oct 2023 15:00:49 +0200 Subject: [PATCH] fix: #216 - link color --- packages/theme/src/link.scss | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/theme/src/link.scss b/packages/theme/src/link.scss index 3659adcd..06370ed4 100644 --- a/packages/theme/src/link.scss +++ b/packages/theme/src/link.scss @@ -1,20 +1,20 @@ @use './common/typography.scss'; .puik-link { - @apply relative text-blue transition m-0.5 p-0.5 py-[4px] decoration-1; + @apply relative text-primary transition m-0.5 p-0.5 py-[4px] decoration-1; &:before { content: ''; - @apply opacity-0 absolute h-[1px] bg-primary-800 bottom-0 left-[50%] translate-x-[-50%] transition-all ease-in-out duration-200; - width: calc(100% - 8px); + @apply absolute h-[1px] bg-primary-500 bottom-[1px] left-[50%] translate-x-[-50%] transition-all ease-in-out duration-150; + width: calc(100% - 4px); } &:hover, &:active { - @apply text-blue-700 cursor-pointer; + @apply cursor-pointer; &:before { - @apply opacity-100 bottom-[3px] transition-all ease-in-out duration-300; + @apply bg-primary-800 bottom-[3px] transition-all ease-in-out duration-150; } &:before:visited { - @apply bg-primary-500; + @apply bg-primary-800; } } &:focus-visible {