Merge pull request #1299 from Automattic/fix/issue-1271

Varia: Add spacing between Jetpack subscribe form and submit button

varia/sass/vendors/_jetpack.scss

@@ -12,4 +12,25 @@
 	&.wp-block-jetpack-tiled-gallery {
 		@extend %responsive-alignfull;
 	}
+}
+
+/**
+ * Subscription Form
+ */
+.wp-block-jetpack-subscriptions form > * {
+	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;
+	}
 }

varia/style-rtl.css

@@ -3086,14 +3086,6 @@ img#wpstats {
 	font-size: 1.728rem;
 }
 
-/**
- * Vendors
- * - 3rd-party styles
- */
-/**
- * Vendors
- * - 3rd-party compatibility styles
- */
 /**
  * Responsive Logic
  * - Loading this last to respect cascaing rules
@@ -3326,3 +3318,25 @@ img#wpstats {
  * Vendors
  * - 3rd-party compatibility styles
  */
+/**
+ * Subscription Form
+ */
+.wp-block-jetpack-subscriptions form > * {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-subscriptions form > * {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-subscriptions form > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-subscriptions form > *:last-child {
+	margin-bottom: 0;
+}

varia/style.css

@@ -3092,14 +3092,6 @@ img#wpstats {
 	font-size: 1.728rem;
 }
 
-/**
- * Vendors
- * - 3rd-party styles
- */
-/**
- * Vendors
- * - 3rd-party compatibility styles
- */
 /**
  * Responsive Logic
  * - Loading this last to respect cascaing rules
@@ -3344,3 +3336,25 @@ img#wpstats {
  * Vendors
  * - 3rd-party compatibility styles
  */
+/**
+ * Subscription Form
+ */
+.wp-block-jetpack-subscriptions form > * {
+	margin-top: 21.312px;
+	margin-bottom: 21.312px;
+}
+
+@media only screen and (min-width: 560px) {
+	.wp-block-jetpack-subscriptions form > * {
+		margin-top: 32px;
+		margin-bottom: 32px;
+	}
+}
+
+.wp-block-jetpack-subscriptions form > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-subscriptions form > *:last-child {
+	margin-bottom: 0;
+}

varia/style.scss

@@ -66,12 +66,6 @@ Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
  */
 @import "sass/pages/imports";
 
-/**
- * Vendors
- * - 3rd-party styles
- */
-@import "sass/vendors/imports";
-
 /**
  * Responsive Logic
  * - Loading this last to respect cascaing rules