fix: [link-animation] use background-position variation instead padding

PrestaShopCorp · Oct 26, 2023 · 707f0e8 · 707f0e8
1 parent ad92018
commit 707f0e8
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/theme/src/link.scss b/packages/theme/src/link.scss
@@ -1,10 +1,12 @@
 @use './common/typography.scss';
 
 .puik-link {
-  @apply relative py-[1px] text-primary bg-gradient-to-bl from-primary-500 to-primary-500 bg-no-repeat bg-[length:100%_1px] bg-left-bottom transition-all ease-in-out duration-150;
+  @apply relative py-[0.5px] text-primary bg-gradient-to-bl from-primary-500 to-primary-500 bg-no-repeat bg-[length:100%_1px] transition-all ease-in-out duration-150;
+  background-position: left bottom 0px;
   &:hover,
   &:active {
-    @apply py-[2.5px] cursor-pointer from-primary-800 to-primary-800 transition-all ease-in-out duration-150;
+    @apply cursor-pointer from-primary-800 to-primary-800 transition-all ease-in-out duration-150;
+    background-position: left bottom 1.25px;
   }
   &:focus-visible {
     @apply outline-none ring-2 ring-blue rounded-[4px] shadow-none;