From abbe6969c347e22ece3d8dc254dd2af2c3c782be Mon Sep 17 00:00:00 2001 From: Kelly Dwan Date: Mon, 2 Sep 2024 16:47:06 -0400 Subject: [PATCH] Styles: Fix default label style for Jepack forms --- .../sass/base/_elements.scss | 22 +++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) diff --git a/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss b/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss index 0918a1aa..40c93546 100644 --- a/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss +++ b/source/wp-content/themes/wporg-parent-2021/sass/base/_elements.scss @@ -156,10 +156,24 @@ input[type="checkbox"] + label { line-height: 1em; // stylelint-disable-line declaration-property-unit-allowed-list } -// Fix the chevron style on Jetpack's contact form. -.contact-form .contact-form__select-wrapper::after { - inset-block-start: calc(50% - 2px) !important; - inset-inline-end: 20px !important; +// Update Jetpack form default styles. +.wp-block-jetpack-contact-form { + + // Fix the chevron style on Jetpack's contact form. + &.contact-form .contact-form__select-wrapper::after { + inset-block-start: calc(50% - 2px); + inset-inline-end: 20px; + } + + &.contact-form label { + font-weight: 400; + } + + &.contact-form label span.required, + .grunion-label-required { + opacity: 1; + color: var(--wp--preset--color--charcoal-4); + } } // Headings.