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 {
padding: 8% 1rem;
&.alignfull {
.wp-block-media-text__content {
padding: 8% 1rem;
@include media(tablet) {
padding: 8%;
@include media(tablet) {
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 {
padding: 0 1rem;
padding: 8% 1rem;
}
@media only screen and (min-width: 768px) {
.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) {
.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;
}
}