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

Merge pull request #954 from Automattic/fix/issue-916-correct

Browse source 
Sophisticated Business: Fix excess text side padding for the full wid…
This commit is contained in:
Jeffrey Pearce 2019-06-20 20:20:49 +02:00 committed by GitHub
commit bab4f6562d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 90 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
sophisticated-business/sass/blocks/_blocks.scss
View file

@ -840,7 +840,6 @@
}
.wp-block-media-text__content {
h1, h2, h3, h4, h5, h6 {
text-align: left;
}
@ -852,16 +851,30 @@
@include media(desktop) {
border-left: 2px solid rgba(255,255,255,0.15);
margin-left: 7.5%;
margin-right: 7.5%;
padding-left: 1rem;
padding-right: 1rem;
}
}
&.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0 1rem;
@include media(mobile) {
padding: 0 8%;
}
@include media(desktop) {
border-left: 2px solid rgba(255,255,255,0.15);
margin-left: 7.5%;
margin-right: 7.5%;
padding-left: 1rem;
padding-right: 1rem;
}
}
@include media(tablet) {
.wp-block-media-text__content {
padding-left: 4.5%;
margin-left: 7.5%;
}
&.alignfull + .wp-block-media-text {
margin-top: -$size__vertical-spacing-unit;
}

13
sophisticated-business/style-editor.css
View file

@ -697,7 +697,18 @@ figcaption,
border-left: 2px solid rgba(255, 255, 255, 0.15);
margin-left: 0;
margin-right: 0;
padding-left: 0.25em;
padding-left: 8px;
padding-right: 8px;
}
}
[data-type="core/media-text"][data-align="full"] .is-stacked-on-mobile .block-editor-inner-blocks {
padding: 0 1rem;
}
@media only screen and (min-width: 600px) {
[data-type="core/media-text"][data-align="full"] .is-stacked-on-mobile .block-editor-inner-blocks {
padding: 0 8%;
}
}

11
sophisticated-business/style-editor.scss
View file

@ -694,7 +694,16 @@ figcaption,
border-left: 2px solid rgba(255,255,255,0.15);
margin-left: 0;
margin-right: 0;
padding-left: 0.25em;
padding-left: 8px;
padding-right: 8px;
}
}
&[data-align="full"] .is-stacked-on-mobile .block-editor-inner-blocks {
padding: 0 1rem;
@include media(mobile) {
padding: 0 8%;
}
}
}

28
sophisticated-business/style-rtl.css
View file

@ -4206,14 +4206,34 @@ body.page .main-navigation {
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
border-right: 2px solid rgba(255, 255, 255, 0.15);
margin-right: 7.5%;
margin-left: 7.5%;
padding-right: 1rem;
padding-left: 1rem;
}
}
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0 8%;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
border-right: 2px solid rgba(255, 255, 255, 0.15);
margin-right: 7.5%;
margin-left: 7.5%;
padding-right: 1rem;
padding-left: 1rem;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
padding-right: 4.5%;
margin-right: 7.5%;
}
.entry .entry-content .wp-block-media-text.alignfull + .wp-block-media-text {
margin-top: -32px;
}

28
sophisticated-business/style.css
View file

@ -4218,14 +4218,34 @@ body.page .main-navigation {
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
border-left: 2px solid rgba(255, 255, 255, 0.15);
margin-left: 7.5%;
margin-right: 7.5%;
padding-left: 1rem;
padding-right: 1rem;
}
}
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0 1rem;
}
@media only screen and (min-width: 600px) {
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
padding: 0 8%;
}
}
@media only screen and (min-width: 1168px) {
.entry .entry-content .wp-block-media-text.alignfull.is-stacked-on-mobile .wp-block-media-text__content {
border-left: 2px solid rgba(255, 255, 255, 0.15);
margin-left: 7.5%;
margin-right: 7.5%;
padding-left: 1rem;
padding-right: 1rem;
}
}
@media only screen and (min-width: 768px) {
.entry .entry-content .wp-block-media-text .wp-block-media-text__content {
padding-left: 4.5%;
margin-left: 7.5%;
}
.entry .entry-content .wp-block-media-text.alignfull + .wp-block-media-text {
margin-top: -32px;
}