diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css index 6ac7557af..41b4a7c76 100644 --- a/blocks/accordion/accordion.css +++ b/blocks/accordion/accordion.css @@ -119,6 +119,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.accordion-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .accordion-wrapper :is(.fill-current) { fill: currentColor } diff --git a/blocks/article-info/article-info.css b/blocks/article-info/article-info.css index 0b5e391c2..479bae524 100644 --- a/blocks/article-info/article-info.css +++ b/blocks/article-info/article-info.css @@ -88,6 +88,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.article-info-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .article-info-wrapper :is(.pl-1) { padding-left: 0.25rem } diff --git a/blocks/articles-list/articles-list.css b/blocks/articles-list/articles-list.css index 430070528..322a21b47 100644 --- a/blocks/articles-list/articles-list.css +++ b/blocks/articles-list/articles-list.css @@ -171,6 +171,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.articles-list-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .articles-list-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/banner/banner.css b/blocks/banner/banner.css index 78ab8a4ce..c377dc488 100644 --- a/blocks/banner/banner.css +++ b/blocks/banner/banner.css @@ -45,6 +45,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.banner :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .banner :is(.p-4) { padding: 1rem } diff --git a/blocks/blog-hero/blog-hero.css b/blocks/blog-hero/blog-hero.css index c461b3697..26a72700a 100644 --- a/blocks/blog-hero/blog-hero.css +++ b/blocks/blog-hero/blog-hero.css @@ -16,6 +16,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.blog-hero-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .blog-hero-wrapper :is(.px-2) { padding-left: 0.5rem; padding-right: 0.5rem diff --git a/blocks/breadcrumb/breadcrumb.css b/blocks/breadcrumb/breadcrumb.css index 48ae57d2d..e982a453e 100644 --- a/blocks/breadcrumb/breadcrumb.css +++ b/blocks/breadcrumb/breadcrumb.css @@ -86,6 +86,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.breadcrumb-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .breadcrumb-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/card-list/card-list.css b/blocks/card-list/card-list.css index 27c25b902..6231b6a6d 100644 --- a/blocks/card-list/card-list.css +++ b/blocks/card-list/card-list.css @@ -278,6 +278,11 @@ background-color: rgb(117 35 255 / var(--tw-bg-opacity)) } +.card-list-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .card-list-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css index e4f55ffcd..a51c6c895 100644 --- a/blocks/cards/cards.css +++ b/blocks/cards/cards.css @@ -166,6 +166,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.cards-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .cards-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/carousel/carousel.css b/blocks/carousel/carousel.css index d04a80a3b..73ab00a6d 100644 --- a/blocks/carousel/carousel.css +++ b/blocks/carousel/carousel.css @@ -262,6 +262,11 @@ background-color: rgb(234 222 255 / var(--tw-bg-opacity)); } +.carousel-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .carousel-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css index 4dc59effc..d13b821bb 100644 --- a/blocks/columns/columns.css +++ b/blocks/columns/columns.css @@ -136,6 +136,10 @@ height: 100%; } +.columns-wrapper :is(.w-1\/2) { + width: 50%; +} + .columns-wrapper :is(.w-12) { width: 3rem; } @@ -164,6 +168,10 @@ grid-template-columns: repeat(1, minmax(0, 1fr)); } +.columns-wrapper :is(.flex-col) { + flex-direction: column; +} + .columns-wrapper :is(.flex-col-reverse) { flex-direction: column-reverse; } @@ -244,6 +252,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)); } +.columns-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .columns-wrapper :is(.bg-danaherred-800) { --tw-bg-opacity: 1; background-color: rgb(122 25 127 / var(--tw-bg-opacity)); @@ -461,14 +474,22 @@ width: 50%; } - .columns-wrapper :is(.lg\:grid-cols-2) { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .columns-wrapper :is(.lg\:w-1\/3) { + width: 33.333333%; + } + + .columns-wrapper :is(.lg\:w-2\/3) { + width: 66.666667%; } .columns-wrapper :is(.lg\:grid-cols-3) { grid-template-columns: repeat(3, minmax(0, 1fr)); } + .columns-wrapper :is(.lg\:flex-row) { + flex-direction: row; + } + .columns-wrapper :is(.lg\:flex-col-reverse) { flex-direction: column-reverse; } diff --git a/blocks/columns/columns.js b/blocks/columns/columns.js index 64bc7b28e..540b3ba72 100644 --- a/blocks/columns/columns.js +++ b/blocks/columns/columns.js @@ -3,6 +3,7 @@ import { } from '../../scripts/dom-builder.js'; export default function decorate(block) { + const sectionDiv = block.closest('.section'); const cols = [...block.firstElementChild.children]; block.classList.add(`columns-${cols.length}-cols`); const imageAspectRatio = 1.7778; @@ -12,11 +13,25 @@ export default function decorate(block) { ele.classList.add(...'align-text-center w-full h-full'.split(' ')); } else { ele.classList.add(...'align-text-top pb-7 py-0 my-0'.split(' ')); + const firstDiv = ele.querySelector('div:nth-child(1)'); + const secondDiv = ele.querySelector('div:nth-child(2)'); + if (sectionDiv.className.includes('thirtyseventy')) { + firstDiv.classList.add('lg:w-1/3'); + secondDiv.classList.add('lg:w-2/3'); + } else if (sectionDiv.className.includes('seventythirty')) { + firstDiv.classList.add('lg:w-2/3'); + secondDiv.classList.add('lg:w-1/3'); + } else { + firstDiv.classList.add('lg:w-1/2'); + secondDiv.classList.add('lg:w-1/2'); + } } } }); block.querySelectorAll('h2').forEach((ele) => { - ele.classList.add(...'my-0 lg:my-4 font-medium text-4xl2 inline-flex leading-10 text-danahergray-900'.split(' ')); + ele.classList.add(...'my-0 lg:my-4 font-medium text-4xl2 inline-flex leading-10'.split(' ')); + if (sectionDiv.className.includes('text-white')) ele.classList.add('text-white'); + else ele.classList.add('text-danahergray-900'); }); block.querySelectorAll('.button-container > a').forEach((ele) => { ele.classList.add(...'bg-transparent no-underline text-lg px-5 py-3 text-danaherpurple-500 border border-danaherpurple-500 leading-5 rounded-full font-medium mt-6 ease-in-out duration-150 transition-all hover:bg-danaherpurple-500 hover:text-white'.split(' ')); @@ -99,7 +114,7 @@ export default function decorate(block) { if (window.location.pathname.includes('/us/en/blog/') || window.location.pathname.includes('/us/en/news/')) { block.firstElementChild?.classList.add(...'container max-w-7xl mx-auto flex flex-col-reverse gap-x-12 lg:flex-col-reverse justify-items-center'.split(' ')); } else { - block.firstElementChild?.classList.add(...'container max-w-7xl mx-auto grid grid-cols-1 gap-x-12 gap-y-4 lg:grid-cols-2 justify-items-center'.split(' ')); + block.firstElementChild?.classList.add(...'container max-w-7xl mx-auto flex flex-col gap-x-12 gap-y-4 lg:flex-row justify-items-center'.split(' ')); } const pTags = row.querySelectorAll('p'); pTags.forEach((element) => { @@ -119,7 +134,9 @@ export default function decorate(block) { if (item.title === 'link') { item.parentElement.classList.add('link', 'pb-8'); item.textContent += ' ->'; - item.classList.add(...'text-sm font-bold text-danaherpurple-500'.split(' ')); + item.classList.add(...'text-sm font-bold'.split(' ')); + if (sectionDiv.className.includes('text-white')) item.classList.add('text-white'); + else item.classList.add('text-danaherpurple-500'); } }); } @@ -134,7 +151,13 @@ export default function decorate(block) { pic.querySelector('img').classList.add(...'absolute bottom-0 h-full w-full object-cover'.split(' ')); } else { picWrapper.classList.add('columns-img-col', 'order-none'); - pic.querySelector('img').classList.add('block'); + const seventythirtyEl = picWrapper.parentElement + ?.parentElement?.parentElement?.parentElement; + if (seventythirtyEl.querySelector('img')) { + pic.querySelector('img').classList.add('block', 'w-1/2'); + } else { + pic.querySelector('img').classList.add('block'); + } } } } diff --git a/blocks/download/download.css b/blocks/download/download.css index bdcc0bcc6..78c37c018 100644 --- a/blocks/download/download.css +++ b/blocks/download/download.css @@ -86,6 +86,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.download-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .download-wrapper :is(.object-cover) { -o-object-fit: cover; object-fit: cover diff --git a/blocks/embed/embed.css b/blocks/embed/embed.css index f535fcd80..099c20cf4 100644 --- a/blocks/embed/embed.css +++ b/blocks/embed/embed.css @@ -45,6 +45,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.embed-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .embed-wrapper :is(.text-center) { text-align: center } diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css index 7cafb8735..dca8bcfb2 100644 --- a/blocks/footer/footer.css +++ b/blocks/footer/footer.css @@ -183,6 +183,11 @@ background-color: rgb(234 222 255 / var(--tw-bg-opacity)); } +.footer-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .footer-wrapper :is(.fill-transparent) { fill: transparent; } diff --git a/blocks/hero/hero.css b/blocks/hero/hero.css index 760841952..6dd30e6bb 100644 --- a/blocks/hero/hero.css +++ b/blocks/hero/hero.css @@ -137,6 +137,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.hero-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .hero-wrapper :is(.bg-transparent) { background-color: transparent } diff --git a/blocks/logo-clouds/logo-clouds.css b/blocks/logo-clouds/logo-clouds.css index b8fae28ff..d0f4919ce 100644 --- a/blocks/logo-clouds/logo-clouds.css +++ b/blocks/logo-clouds/logo-clouds.css @@ -130,6 +130,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)); } +.logo-clouds-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .logo-clouds-wrapper :is(.bg-gray-200) { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); diff --git a/blocks/marketo-form/marketo-form.css b/blocks/marketo-form/marketo-form.css index a7612dc30..a16a55841 100644 --- a/blocks/marketo-form/marketo-form.css +++ b/blocks/marketo-form/marketo-form.css @@ -76,6 +76,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.marketo-form-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .marketo-form-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/mini-teasers/mini-teasers.css b/blocks/mini-teasers/mini-teasers.css index 82eb0cf36..02a1f9074 100644 --- a/blocks/mini-teasers/mini-teasers.css +++ b/blocks/mini-teasers/mini-teasers.css @@ -85,6 +85,10 @@ border-bottom-width: 1px } +.mini-teasers-wrapper :is(.border-l) { + border-left-width: 1px +} + .mini-teasers-wrapper :is(.border-t) { border-top-width: 1px } @@ -98,11 +102,21 @@ border-color: rgb(0 0 0 / var(--tw-border-opacity)) } +.mini-teasers-wrapper :is(.border-danahergray-300) { + --tw-border-opacity: 1; + border-color: rgb(209 213 219 / var(--tw-border-opacity)) +} + .mini-teasers-wrapper :is(.bg-danaherlightblue-50) { --tw-bg-opacity: 1; background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.mini-teasers-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .mini-teasers-wrapper :is(.stroke-current) { stroke: currentColor } @@ -112,6 +126,10 @@ padding-right: 0.5rem } +.mini-teasers-wrapper :is(.pl-6) { + padding-left: 1.5rem +} + .mini-teasers-wrapper :is(.pt-4) { padding-top: 1rem } diff --git a/blocks/mini-teasers/mini-teasers.js b/blocks/mini-teasers/mini-teasers.js index b7f8aa369..3f05437fc 100644 --- a/blocks/mini-teasers/mini-teasers.js +++ b/blocks/mini-teasers/mini-teasers.js @@ -5,7 +5,7 @@ export default function decorate(block) { [...block.children].forEach((element) => { if ([...block.children].length === 4) block.classList.add('lg:grid-cols-4'); else block.classList.add('lg:grid-cols-3'); - element.classList.add(...'items-center mt-2'.split(' ')); + element.classList.add(...'items-center mt-2 border-l border-danahergray-300 pl-6'.split(' ')); element.querySelector('span')?.classList.add(...'w-16 h-16 stroke-current'.split(' ')); const h3El = element.querySelector('h3'); if (h3El) { diff --git a/blocks/page-jump-menu/page-jump-menu.css b/blocks/page-jump-menu/page-jump-menu.css index afb59f8f3..563a0abb0 100644 --- a/blocks/page-jump-menu/page-jump-menu.css +++ b/blocks/page-jump-menu/page-jump-menu.css @@ -52,6 +52,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.page-jump-menu-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .page-jump-menu-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/page-tabs/page-tabs.css b/blocks/page-tabs/page-tabs.css index e56f0e5d4..03c9f2608 100644 --- a/blocks/page-tabs/page-tabs.css +++ b/blocks/page-tabs/page-tabs.css @@ -48,6 +48,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.page-tabs-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .page-tabs-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/popular-articles/popular-articles.css b/blocks/popular-articles/popular-articles.css index 9b3f184c4..3458bc42b 100644 --- a/blocks/popular-articles/popular-articles.css +++ b/blocks/popular-articles/popular-articles.css @@ -1,4 +1,9 @@ .popular-articles-wrapper :is(.bg-danaherlightblue-50) { --tw-bg-opacity: 1; background-color: rgb(239 251 253 / var(--tw-bg-opacity)) +} + +.popular-articles-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) } \ No newline at end of file diff --git a/blocks/product-card/product-card.css b/blocks/product-card/product-card.css index 0fff18f2e..e6054b6a1 100644 --- a/blocks/product-card/product-card.css +++ b/blocks/product-card/product-card.css @@ -174,6 +174,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-card-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-card-wrapper :is(.bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) diff --git a/blocks/product-category-list/product-category-list.css b/blocks/product-category-list/product-category-list.css index 3cb193359..1e1da29c7 100644 --- a/blocks/product-category-list/product-category-list.css +++ b/blocks/product-category-list/product-category-list.css @@ -182,6 +182,11 @@ background-color: rgb(117 35 255 / var(--tw-bg-opacity)) } +.product-category-list-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-category-list-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/product-category/product-category.css b/blocks/product-category/product-category.css index a3f65e26c..f95d9368e 100644 --- a/blocks/product-category/product-category.css +++ b/blocks/product-category/product-category.css @@ -174,6 +174,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-category-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-category-wrapper :is(.bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) diff --git a/blocks/product-citations/product-citations.css b/blocks/product-citations/product-citations.css index 947d51450..aa57e6877 100644 --- a/blocks/product-citations/product-citations.css +++ b/blocks/product-citations/product-citations.css @@ -35,6 +35,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-citations-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-citations-wrapper :is(.pb-0) { padding-bottom: 0px } diff --git a/blocks/product-family/product-family.css b/blocks/product-family/product-family.css index 5d3307067..14cba5dc0 100644 --- a/blocks/product-family/product-family.css +++ b/blocks/product-family/product-family.css @@ -409,6 +409,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-family-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-family-wrapper :is(.bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) diff --git a/blocks/product-hero/product-hero.css b/blocks/product-hero/product-hero.css index 0c39bb15b..b912568b6 100644 --- a/blocks/product-hero/product-hero.css +++ b/blocks/product-hero/product-hero.css @@ -145,6 +145,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)); } +.product-hero-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .product-hero-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); diff --git a/blocks/product-menu/product-menu.css b/blocks/product-menu/product-menu.css index 1c77122cf..5070adfab 100644 --- a/blocks/product-menu/product-menu.css +++ b/blocks/product-menu/product-menu.css @@ -88,6 +88,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-menu-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-menu-wrapper :is(.object-contain) { -o-object-fit: contain; object-fit: contain diff --git a/blocks/product-overview/product-overview.css b/blocks/product-overview/product-overview.css index 10bd10cfb..417420aac 100644 --- a/blocks/product-overview/product-overview.css +++ b/blocks/product-overview/product-overview.css @@ -32,6 +32,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)); } +.product-overview-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .product-overview-wrapper :is(.pl-12) { padding-left: 3rem; } diff --git a/blocks/product-parts/product-parts.css b/blocks/product-parts/product-parts.css index 2266b4429..c32eb8d96 100644 --- a/blocks/product-parts/product-parts.css +++ b/blocks/product-parts/product-parts.css @@ -75,6 +75,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-parts-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-parts-wrapper :is(.pb-2) { padding-bottom: 0.5rem } diff --git a/blocks/product-recommendations/product-recommendations.css b/blocks/product-recommendations/product-recommendations.css index 89cab1e1a..f83b69c33 100644 --- a/blocks/product-recommendations/product-recommendations.css +++ b/blocks/product-recommendations/product-recommendations.css @@ -235,6 +235,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-recommendations-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-recommendations-wrapper :is(.bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) diff --git a/blocks/product-specifications/product-specifications.css b/blocks/product-specifications/product-specifications.css index c99a714c4..0494ce303 100644 --- a/blocks/product-specifications/product-specifications.css +++ b/blocks/product-specifications/product-specifications.css @@ -63,6 +63,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.product-specifications-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .product-specifications-wrapper :is(.bg-gray-100) { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)) diff --git a/blocks/recent-articles/recent-articles.css b/blocks/recent-articles/recent-articles.css index 5e28dd21e..7df297807 100644 --- a/blocks/recent-articles/recent-articles.css +++ b/blocks/recent-articles/recent-articles.css @@ -67,6 +67,11 @@ background-color: rgb(245 239 255 / var(--tw-bg-opacity)) } +.recent-articles-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .recent-articles-wrapper :is(.p-1) { padding: 0.25rem } diff --git a/blocks/related-articles/related-articles.css b/blocks/related-articles/related-articles.css index c9a1549cf..77822606c 100644 --- a/blocks/related-articles/related-articles.css +++ b/blocks/related-articles/related-articles.css @@ -148,6 +148,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.related-articles-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .related-articles-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/side-nav/side-nav.css b/blocks/side-nav/side-nav.css index 1e55961c7..4738b886f 100644 --- a/blocks/side-nav/side-nav.css +++ b/blocks/side-nav/side-nav.css @@ -63,6 +63,11 @@ background-color: rgb(234 222 255 / var(--tw-bg-opacity)) } +.side-nav-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .side-nav-wrapper :is(.px-0) { padding-left: 0px; padding-right: 0px diff --git a/blocks/social-feeds/social-feeds.css b/blocks/social-feeds/social-feeds.css index 50df417db..c189cce5d 100644 --- a/blocks/social-feeds/social-feeds.css +++ b/blocks/social-feeds/social-feeds.css @@ -1,4 +1,9 @@ .social-feeds-wrapper :is(.bg-danaherlightblue-50) { --tw-bg-opacity: 1; background-color: rgb(239 251 253 / var(--tw-bg-opacity)) +} + +.social-feeds-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) } \ No newline at end of file diff --git a/blocks/social-media/social-media.css b/blocks/social-media/social-media.css index d44f987a6..181d2cc10 100644 --- a/blocks/social-media/social-media.css +++ b/blocks/social-media/social-media.css @@ -40,6 +40,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.social-media-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .social-media-wrapper :is(.pb-0) { padding-bottom: 0px } diff --git a/blocks/stats/stats.css b/blocks/stats/stats.css index 58f11aec7..e0648f45d 100644 --- a/blocks/stats/stats.css +++ b/blocks/stats/stats.css @@ -24,6 +24,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.stats-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .stats-wrapper :is(.px-4) { padding-left: 1rem; padding-right: 1rem diff --git a/blocks/talk-to-an-expert-form/talk-to-an-expert-form.css b/blocks/talk-to-an-expert-form/talk-to-an-expert-form.css index 981ebc465..407119a45 100644 --- a/blocks/talk-to-an-expert-form/talk-to-an-expert-form.css +++ b/blocks/talk-to-an-expert-form/talk-to-an-expert-form.css @@ -200,6 +200,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.talk-to-an-expert-form-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .talk-to-an-expert-form-wrapper :is(.bg-white) { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) diff --git a/blocks/timeline/timeline.css b/blocks/timeline/timeline.css index 22d404661..0c8ee4af7 100644 --- a/blocks/timeline/timeline.css +++ b/blocks/timeline/timeline.css @@ -174,6 +174,11 @@ background-color: rgb(239 251 253 / var(--tw-bg-opacity)) } +.timeline-wrapper :is(.bg-danaherpurple-800) { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)) +} + .timeline-wrapper :is(.bg-gray-50) { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)) diff --git a/styles/styles.css b/styles/styles.css index 67e474930..f5a9cb2db 100644 --- a/styles/styles.css +++ b/styles/styles.css @@ -2445,6 +2445,11 @@ main .section .talk-to-an-expert-form-wrapper .talk-to-an-expert-form > div ul { background-color: rgb(117 35 255 / var(--tw-bg-opacity)); } +.bg-danaherpurple-800 { + --tw-bg-opacity: 1; + background-color: rgb(64 0 165 / var(--tw-bg-opacity)); +} + .bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)); @@ -2581,11 +2586,6 @@ main .section .talk-to-an-expert-form-wrapper .talk-to-an-expert-form > div ul { font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; } -.\!text-base { - font-size: 1rem !important; - line-height: 1.5rem !important; -} - .text-2xl { font-size: 1.5rem; line-height: 2rem; diff --git a/tailwind.config.js b/tailwind.config.js index 85e0f6648..402ab0471 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -86,6 +86,7 @@ module.exports = { 'bottom-border-right', 'bg-color-right', 'top-border', + 'bg-danaherpurple-800' ], theme: { extend: {