From 35beeac01ca00892080918d854a4e68b46403ca1 Mon Sep 17 00:00:00 2001 From: Anthony Ledesma <30462574+AnthonyLedesma@users.noreply.github.com> Date: Fri, 16 Feb 2024 11:07:36 -0700 Subject: [PATCH] Update WooCommerce product colors when inside of 'has-secondary-background-color' block. (#905) Co-authored-by: aledesma-godaddy --- .dev/assets/shared/css/woocommerce/single-product.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/.dev/assets/shared/css/woocommerce/single-product.scss b/.dev/assets/shared/css/woocommerce/single-product.scss index d4044e3a4..69bee04f9 100644 --- a/.dev/assets/shared/css/woocommerce/single-product.scss +++ b/.dev/assets/shared/css/woocommerce/single-product.scss @@ -161,6 +161,15 @@ color: var(--go-caption--color--text); } +// Nested within a block with a secondary background color. +// We should use alternate colors for text within a secondary background. +.has-secondary-background-color .wc-block-grid .wc-block-grid__products { + .wc-block-grid__product-title, + .wc-block-grid__product-price.price .woocommerce-Price-amount { + color: var(--go--color--primary); + } +} + .woocommerce-Price-amount { color: var(--go-heading--color--text); }