Varia: Add spacing between Jetpack subscribe form and submit button

This commit is contained in:
Allan Cole 2019-08-21 13:28:26 -04:00
parent ee3bd0854d
commit e859ac6165
3 changed files with 111 additions and 0 deletions

View file

@ -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;
}
}

View file

@ -3094,6 +3094,29 @@ img#wpstats {
* Vendors
* - 3rd-party compatibility styles
*/
/**
* Subscription
*/
.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;
}
/**
* Responsive Logic
* - Loading this last to respect cascaing rules
@ -3326,3 +3349,25 @@ img#wpstats {
* Vendors
* - 3rd-party compatibility styles
*/
/**
* Subscription
*/
.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;
}

View file

@ -3100,6 +3100,29 @@ 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;
}
/**
* Responsive Logic
* - Loading this last to respect cascaing rules
@ -3344,3 +3367,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;
}