diff --git a/sass/blocks/_blocks.scss b/sass/blocks/_blocks.scss index cc481e49..829f93df 100644 --- a/sass/blocks/_blocks.scss +++ b/sass/blocks/_blocks.scss @@ -60,10 +60,6 @@ /*rtl:ignore*/ margin-right: calc(2 * #{$size__spacing-unit}); } - - @include media(desktop) { - max-width: calc(3 * (100vw / 12)); - } } &.alignright { @@ -501,6 +497,10 @@ line-height: 1.25; padding: 0; color: #fff; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; @include media(tablet) { font-size: $font__size-xl; @@ -508,22 +508,13 @@ } } - &.aligncenter { - h2, - .wp-block-cover-image-text, - .wp-block-cover-text { - width: 100%; - z-index: 1; - left: 50%; - position: absolute; - transform: translate(-50%, -50%); - top: 50%; - } - } - &.alignleft, &.alignright { width: 100%; + + @include media(tablet) { + padding: $size__spacing-unit; + } } &.alignfull { diff --git a/style-editor.css b/style-editor.css index 6b66ab35..90f72c4b 100644 --- a/style-editor.css +++ b/style-editor.css @@ -288,6 +288,13 @@ figcaption, max-width: 100%; } +@media only screen and (min-width: 768px) { + .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover, + .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { + padding: 1rem; + } +} + @media only screen and (min-width: 768px) { .wp-block[data-type="core/cover"][data-align="wide"] h2, .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text, diff --git a/style-editor.scss b/style-editor.scss index 32592373..ffc6cec6 100644 --- a/style-editor.scss +++ b/style-editor.scss @@ -276,6 +276,13 @@ figcaption, width: 100%; max-width: 100%; } + + @include media(tablet) { + + .wp-block-cover { + padding: $size__spacing-unit; + } + } } .wp-block[data-type="core/cover"][data-align="wide"], diff --git a/style-rtl.css b/style-rtl.css index 74c5822b..9168bc49 100755 --- a/style-rtl.css +++ b/style-rtl.css @@ -3652,13 +3652,6 @@ body.page .main-navigation { } } -@media only screen and (min-width: 1168px) { - .entry .entry-content > *.alignleft, - .entry .entry-summary > *.alignleft { - max-width: calc(3 * (100vw / 12)); - } -} - .entry .entry-content > *.alignright, .entry .entry-summary > *.alignright { float: right; @@ -4145,6 +4138,10 @@ body.page .main-navigation { line-height: 1.25; padding: 0; color: #fff; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } @media only screen and (min-width: 768px) { @@ -4159,26 +4156,20 @@ body.page .main-navigation { } } -.entry .entry-content .wp-block-cover-image.aligncenter h2, -.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text, -.entry .entry-content .wp-block-cover.aligncenter h2, -.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text { - width: 100%; - z-index: 1; - right: 50%; - position: absolute; - transform: translate(50%, -50%); - top: 50%; -} - .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { width: 100%; } +@media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, + .entry .entry-content .wp-block-cover.alignleft, + .entry .entry-content .wp-block-cover.alignright { + padding: 1rem; + } +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text, diff --git a/style.css b/style.css index bee290fc..ae130baa 100755 --- a/style.css +++ b/style.css @@ -3661,13 +3661,6 @@ body.page .main-navigation { } } -@media only screen and (min-width: 1168px) { - .entry .entry-content > *.alignleft, - .entry .entry-summary > *.alignleft { - max-width: calc(3 * (100vw / 12)); - } -} - .entry .entry-content > *.alignright, .entry .entry-summary > *.alignright { /*rtl:ignore*/ @@ -4157,6 +4150,10 @@ body.page .main-navigation { line-height: 1.25; padding: 0; color: #fff; + -ms-hyphens: auto; + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; } @media only screen and (min-width: 768px) { @@ -4171,26 +4168,20 @@ body.page .main-navigation { } } -.entry .entry-content .wp-block-cover-image.aligncenter h2, -.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text, -.entry .entry-content .wp-block-cover.aligncenter h2, -.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text, -.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text { - width: 100%; - z-index: 1; - left: 50%; - position: absolute; - transform: translate(-50%, -50%); - top: 50%; -} - .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, .entry .entry-content .wp-block-cover.alignleft, .entry .entry-content .wp-block-cover.alignright { width: 100%; } +@media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright, + .entry .entry-content .wp-block-cover.alignleft, + .entry .entry-content .wp-block-cover.alignright { + padding: 1rem; + } +} + @media only screen and (min-width: 768px) { .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text, .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,