Merge pull request #1390 from Automattic/fix/varia-issue-1276

Varia: Add a better default to Mailchimp subscription form

varia/sass/vendors/_jetpack.scss

@@ -34,3 +34,34 @@
 		margin-bottom: 0;
 	}
 }
+
+/**
+ * Mailchimp Subscription Form
+ */
+.wp-block-jetpack-mailchimp {
+	p {
+		margin-top: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
+		margin-bottom: #{ 0.666 * map-deep-get($config-global, "spacing", "vertical") };
+
+		@include media(mobile) {
+			margin-top: map-deep-get($config-global, "spacing", "vertical");
+			margin-bottom: map-deep-get($config-global, "spacing", "vertical");
+		}
+
+		&:first-child {
+			margin-top: 0;
+		}
+
+		&:last-child {
+			margin-bottom: 0;
+		}
+	}
+
+	input[type=email] {
+		width: 100%;
+	}
+}
+
+#wp-block-jetpack-mailchimp_consent-text {
+	font-size: #{map-deep-get($config-global, "font", "size", "sm")};
+}

varia/style-rtl.css

@@ -3358,6 +3358,37 @@ img#wpstats {
 	margin-bottom: 0;
 }
 
+/**
+ * Mailchimp Subscription Form
+ */
+.wp-block-jetpack-mailchimp p {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-mailchimp p {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-mailchimp p:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-mailchimp p:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-jetpack-mailchimp input[type=email] {
+	width: 100%;
+}
+
+#wp-block-jetpack-mailchimp_consent-text {
+	font-size: 0.83333rem;
+}
+
 /**
  * Full Site Editing
  * - Full Site Editing overrides

varia/style.css

@@ -3387,6 +3387,37 @@ img#wpstats {
 	margin-bottom: 0;
 }
 
+/**
+ * Mailchimp Subscription Form
+ */
+.wp-block-jetpack-mailchimp p {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-mailchimp p {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-mailchimp p:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-mailchimp p:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-jetpack-mailchimp input[type=email] {
+	width: 100%;
+}
+
+#wp-block-jetpack-mailchimp_consent-text {
+	font-size: 0.83333rem;
+}
+
 /**
  * Full Site Editing
  * - Full Site Editing overrides