Merge pull request #1281 from hlxsites/1280-pdp-short-description

1280-pdp-short-description
hlxsites · Feb 4, 2025 · 469f4cd · 469f4cd
2 parents 77767c3 + e62959e
commit 469f4cd
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -1631,6 +1631,24 @@ main .section.product-hero-container {
   line-height: 1.5rem;
 }
 
+.product-hero .hero-default-content > div p a {
+  background-color: transparent;
+  text-decoration-line: underline;
+  text-decoration-color: #7523FF;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 4px;
+  transition-property: all;
+  transition-duration: 150ms;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.product-hero .hero-default-content > div p a:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 35 255 / var(--tw-bg-opacity));
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
 .product-hero .hero-default-content > div ul {
   margin-left: 3rem;
   margin-top: 0.75rem;

diff --git a/styles/tailwind.css b/styles/tailwind.css
@@ -423,6 +423,14 @@
       @apply text-base;
   }
 
+  .product-hero .hero-default-content > div p a {
+    @apply bg-transparent underline underline-offset-4 decoration-danaherpurple-500 decoration-2 ease-in-out duration-150 transition-all;
+  }
+
+  .product-hero .hero-default-content > div p a:hover {
+    @apply bg-danaherpurple-500 text-white;
+  }
+
   .product-hero .hero-default-content > div ul {
       @apply list-disc ml-12 mt-3;
   }