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

Modern Business: Limit the Media & Text padding fix to mobile

Browse source
This commit is contained in:
Danny Dudzic 2019-06-17 23:54:03 +02:00
parent 8d3fe42cb1
commit 1aedba9bcd
3 changed files with 27 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
modern-business/sass/blocks/_blocks.scss
View file

@ -191,11 +191,19 @@
} }
} }
&.alignfull .wp-block-media-text__content { &.alignfull {
padding: 8% 1rem; .wp-block-media-text__content {
padding: 8% 1rem;
@include media(tablet) { @include media(tablet) {
padding: 8%; padding: 0 #{2 * $size__vertical-spacing-unit} 0 0;
}
}
&.has-media-on-the-right .wp-block-media-text__content {
@include media(tablet) {
padding: 0 0 0 #{2 * $size__vertical-spacing-unit};
}
} }
} }

10
modern-business/style-rtl.css
View file

@ -3585,12 +3585,18 @@ body.page .main-navigation {
} }
.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
padding: 0 1rem; padding: 8% 1rem;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
padding: 8%; padding: 0 0 0 64px;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
padding: 0 64px 0 0;
} }
} }

8
modern-business/style.css
View file

@ -3602,7 +3602,13 @@ body.page .main-navigation {
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content { .entry .entry-content .wp-block-media-text.alignfull .wp-block-media-text__content {
padding: 8%; padding: 0 64px 0 0;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text.alignfull.has-media-on-the-right .wp-block-media-text__content {
padding: 0 0 0 64px;
} }
} }