Styles: Fix default label style for Jepack forms

WordPress · Sep 2, 2024 · abbe696 · abbe696
1 parent 4511a51
commit abbe696
Showing 1 changed file with 18 additions and 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
@@ -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.