From ed269a819a81e8a3fd8274a0ef5e54a5474c16b7 Mon Sep 17 00:00:00 2001 From: Matthias Goudjil Date: Tue, 10 Oct 2023 15:00:49 +0200 Subject: [PATCH 1/3] 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 { From 4cffd3a8e56161de58b98e9836b0fd0dfa8b4334 Mon Sep 17 00:00:00 2001 From: Matthias Goudjil Date: Wed, 11 Oct 2023 11:41:02 +0200 Subject: [PATCH 2/3] style: [icon] remove material-icons-rounded --- packages/components/icon/src/icon.vue | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/packages/components/icon/src/icon.vue b/packages/components/icon/src/icon.vue index 439a385a..2195d0ba 100644 --- a/packages/components/icon/src/icon.vue +++ b/packages/components/icon/src/icon.vue @@ -1,10 +1,5 @@ From 94c64650d2dc2abbe758d8e3ccb563ead4743fc4 Mon Sep 17 00:00:00 2001 From: Matthias Goudjil Date: Wed, 11 Oct 2023 12:11:42 +0200 Subject: [PATCH 3/3] style: [breadcrumb] removeblue color on hover if is a link --- packages/theme/src/breadcrumb.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/packages/theme/src/breadcrumb.scss b/packages/theme/src/breadcrumb.scss index eca11b70..6e743c97 100644 --- a/packages/theme/src/breadcrumb.scss +++ b/packages/theme/src/breadcrumb.scss @@ -19,9 +19,6 @@ &-link { @extend .puik-body-small; @apply text-primary font-normal; - &:hover { - @apply text-blue; - } } &--last {