Varia: Add spacing between Jetpack subscribe form and submit button
This commit is contained in:
parent
ee3bd0854d
commit
e859ac6165
3 changed files with 111 additions and 0 deletions
21
varia/sass/vendors/_jetpack.scss
vendored
21
varia/sass/vendors/_jetpack.scss
vendored
|
@ -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;
|
||||
}
|
||||
}
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue