feat: add custom style for the Mailchimp block

Automattic · Mar 2, 2020 · 1f6bfa1 · 1f6bfa1
1 parent 0075413
commit 1f6bfa1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/newspack-theme/sass/blocks/_blocks.scss b/newspack-theme/sass/blocks/_blocks.scss
@@ -1119,6 +1119,17 @@
 	}
 }
 
+//! Mailchimp block
+.wp-block-jetpack-mailchimp {
+	input[type='email'] {
+		width: 100%;
+	}
+
+	#wp-block-jetpack-mailchimp_consent-text {
+		font-size: $font__size-sm;
+	}
+}
+
 //! Organic Profile Block
 .wp-block-organic-profile-block {
 	box-shadow: none;

diff --git a/newspack-theme/sass/style-editor-base.scss b/newspack-theme/sass/style-editor-base.scss
@@ -681,7 +681,7 @@ ul.wp-block-archives,
 
 /** === Jetpack Blocks === */
 
-// Jetpack Blocks
+// Related Posts
 .jp-relatedposts-i2 {
 	border-top: 1px solid $color__border;
 	border-bottom: 1px solid $color__border;
@@ -700,6 +700,13 @@ ul.wp-block-archives,
 	}
 }
 
+// Mailchimp
+.wp-block-jetpack-mailchimp {
+	.block-editor-rich-text__editable {
+		font-size: $font__size-sm;
+	}
+}
+
 /** === Organic Profile Block === */
 .wp-block-organic-profile-block {
 	box-shadow: none;