beenull/themes-wordpress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Friendly Business: Standardize the margin around Media & Text block contents

Browse source
This commit is contained in:
Danny Dudzic 2019-06-19 01:22:08 +02:00
parent aaf052e4e9
commit 3cf31bbe2d
3 changed files with 15 additions and 67 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
friendly-business/sass/blocks/_blocks.scss
View file

@ -783,8 +783,12 @@
color: inherit;
}
> :first-child {
margin-top: 0.88889rem;
}
> :last-child {
margin-bottom: 1.5em;
margin-bottom: 0.88889rem;
}
h1,
@ -797,17 +801,6 @@
}
}
&.has-media-on-the-right .wp-block-media-text__content {
> :first-child {
margin-top: $size__vertical-spacing-unit;
}
> :last-child {
margin-bottom: $size__vertical-spacing-unit;
}
}
&.has-media-on-the-right.is-stacked-on-mobile {
.wp-block-media-text__media {
grid-area: media-text-content;
@ -833,25 +826,6 @@
}
}
@include media(tablet) {
.wp-block-media-text__content {
> :last-child {
margin-bottom: $size__vertical-spacing-unit;
}
}
&.has-media-on-the-right {
.wp-block-media-text__content {
> :first-child {
margin-top: $size__vertical-spacing-unit;
}
}
}
}
@include media(desktop) {
.wp-block-media-text__content {
padding-left: 8%;

23
friendly-business/style-rtl.css
View file

@ -4210,8 +4210,12 @@ body.page .main-navigation {
color: inherit;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
margin-top: 0.88889rem;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
margin-bottom: 1.5em;
margin-bottom: 0.88889rem;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content h1,
@ -4223,14 +4227,6 @@ body.page .main-navigation {
text-align: right;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :first-child {
margin-top: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :last-child {
margin-bottom: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
grid-area: media-text-content;
}
@ -4252,15 +4248,6 @@ body.page .main-navigation {
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
margin-bottom: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :first-child {
margin-top: 32px;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
padding-right: 8%;

23
friendly-business/style.css
View file

@ -4222,8 +4222,12 @@ body.page .main-navigation {
color: inherit;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :first-child {
margin-top: 0.88889rem;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
margin-bottom: 1.5em;
margin-bottom: 0.88889rem;
}
.entry .entry-content .wp-block-media-text .wp-block-media-text__content h1,
@ -4235,14 +4239,6 @@ body.page .main-navigation {
text-align: left;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :first-child {
margin-top: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :last-child {
margin-bottom: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right.is-stacked-on-mobile .wp-block-media-text__media {
grid-area: media-text-content;
}
@ -4264,15 +4260,6 @@ body.page .main-navigation {
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content > :last-child {
margin-bottom: 32px;
}
.entry .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content > :first-child {
margin-top: 32px;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
padding-left: 8%;