WordPress.org

Make WordPress Core

Ticket #48571: 48571.diff

File 48571.diff, 42.7 KB (added by williampatton, 10 months ago)
  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css
    index 97f868df5c..4b3018a08d 100644
    a b hr.wp-block-separator.is-style-dots::before { 
    10601060        margin-top: 30px;
    10611061}
    10621062
     1063.editor-styles-wrapper .wp-block-image.is-resized {
     1064        margin-right: auto;
     1065        margin-left: auto;
     1066}
     1067
    10631068/* Block: Group ------------------------------ */
    10641069
    10651070.editor-styles-wrapper .wp-block-group.has-background {
  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    diff --git a/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css b/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css
    index c71b257c3d..55d1446f31 100644
    a b hr.wp-block-separator.is-style-dots::before { 
    10601060        margin-top: 30px;
    10611061}
    10621062
     1063.editor-styles-wrapper .wp-block-image.is-resized {
     1064        margin-left: auto;
     1065        margin-right: auto;
     1066}
     1067
    10631068/* Block: Group ------------------------------ */
    10641069
    10651070.editor-styles-wrapper .wp-block-group.has-background {
  • src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php

    diff --git a/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php b/src/wp-content/themes/twentytwenty/classes/class-twentytwenty-non-latin-languages.php
    index 406a60511a..b178bcb454 100644
    a b if ( ! class_exists( 'TwentyTwenty_Non_Latin_Languages' ) ) { 
    1919                 * Get custom CSS.
    2020                 *
    2121                 * Return CSS for non-latin language, if available, or null
    22                  *
     22                 * 
    2323                 * @param string $type Whether to return CSS for the "front-end", "block-editor" or "classic-editor".
    2424                 *
    2525                 * @return void
  • src/wp-content/themes/twentytwenty/functions.php

    diff --git a/src/wp-content/themes/twentytwenty/functions.php b/src/wp-content/themes/twentytwenty/functions.php
    index 70a5c0202a..ce1e2a6cb5 100644
    a b add_action( 'after_setup_theme', 'twentytwenty_block_editor_settings' ); 
    570570 * @return string $html
    571571 */
    572572function twentytwenty_read_more_tag( $html ) {
    573         return preg_replace( '/<a(.*)>(.*)<\/a>/iU', sprintf( '<a$1><span class="faux-button">$2</span> <span class="screen-reader-text">"%1$s"</span></a>', get_the_title( get_the_ID() ) ), $html );
     573        return preg_replace( '/<a(.*)>(.*)<\/a>/iU', sprintf( '<div class="read-more-button-wrap"><a$1><span class="faux-button">$2</span> <span class="screen-reader-text">"%1$s"</span></a></div>', get_the_title( get_the_ID() ) ), $html );
    574574}
    575575
    576576add_filter( 'the_content_more_link', 'twentytwenty_read_more_tag' );
  • src/wp-content/themes/twentytwenty/style-rtl.css

    diff --git a/src/wp-content/themes/twentytwenty/style-rtl.css b/src/wp-content/themes/twentytwenty/style-rtl.css
    index 06062b0710..ed58877a77 100644
    a b button.toggle { 
    12021202        }
    12031203}
    12041204
     1205.wp-block-image.is-resized {
     1206        margin-right: auto;
     1207        margin-left: auto;
     1208}
    12051209
    12061210/* Search Form ------------------------------- */
    12071211
    body.template-cover .entry-header { 
    22442248/*      7c. Template: Full Width
    22452249/* -------------------------------------------------------------------------- */
    22462250
    2247 body.template-full-width .entry-content {
    2248         max-width: none;
     2251
     2252body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
     2253body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     2254        max-width: 120rem;
    22492255}
    22502256
    2251 body.template-full-width .entry-content .alignleft {
     2257body.template-full-width .entry-content .alignleft,
     2258body.template-full-width .entry-content .alignright {
     2259        position: static;
     2260}
     2261
     2262body.template-full-width .entry-content .alignleft,
     2263body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
     2264body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
     2265body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
    22522266        margin-left: 0;
     2267        position: static;
    22532268}
    22542269
    2255 body.template-full-width .entry-content .alignright {
     2270body.template-full-width .entry-content > .alignleft,
     2271body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     2272body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     2273body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     2274        margin-left: 2rem;
     2275        position: static;
     2276}
     2277
     2278body.template-full-width .entry-content .alignright,
     2279body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
     2280body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
     2281body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
    22562282        margin-right: 0;
     2283        position: static;
     2284}
     2285
     2286body.template-full-width .entry-content > .alignright,
     2287body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     2288body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     2289body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     2290        margin-right: 2rem;
     2291        position: static;
    22572292}
    22582293
     2294
    22592295/* -------------------------------------------------------------------------- */
    22602296
    22612297/*      8. Post: Archive
    figure.wp-block-gallery.alignfull { 
    31023138
    31033139.wp-block-pullquote.alignleft,
    31043140.wp-block-pullquote.alignright {
    3105         max-width: 100%;
     3141        max-width: calc(100% - 4rem);
    31063142}
    31073143
    31083144.wp-block-pullquote::before {
    figure.wp-block-table.is-style-stripes { 
    33423378
    33433379/* Block: Widget Latest Posts ---------------- */
    33443380
    3345 .wp-block-latest-posts.is-grid,
    3346 .wp-block-latest-posts.has-dates,
    3347 .wp-block-latest-posts.has-dates li {
    3348         margin-right: 0;
    3349 }
    3350 
    33513381.wp-block-latest-posts.is-grid li {
    33523382        border-top: 0.2rem solid #dcd7ca;
    33533383        margin-top: 2rem;
    figure.wp-block-table.is-style-stripes { 
    33913421        margin-bottom: 0;
    33923422}
    33933423
     3424.read-more-button-wrap {
     3425        margin-top: 1em;
     3426        text-align: center;
     3427}
     3428
    33943429.entry-content a:hover,
    33953430.entry-content a:focus {
    33963431        text-decoration: none;
    figure.wp-block-table.is-style-stripes { 
    34713506        margin-right: auto;
    34723507}
    34733508
    3474 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
     3509[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    34753510        margin-right: auto;
    34763511        margin-left: auto;
    34773512}
    figure.wp-block-table.is-style-stripes { 
    35293564        margin: 0.3rem 2rem 2rem 2rem;
    35303565}
    35313566
     3567[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     3568[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     3569[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     3570        margin-left: 2rem;
     3571}
     3572
     3573[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     3574[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     3575[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     3576        margin-right: 2rem;
     3577}
     3578
    35323579/* Entry Media ------------------------------- */
    35333580
    35343581.alignfull > figcaption,
    div.comment:first-of-type { 
    36503697
    36513698/* COMMENT CONTENT */
    36523699
    3653 .comment-content.entry-content .alignleft {
    3654         margin-right: 0;
     3700.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     3701        width: 100%;
    36553702}
    36563703
    3657 .comment-content.entry-content .alignright {
     3704.comment-content.entry-content .alignleft {
    36583705        margin-left: 0;
    36593706}
    36603707
    3661 .comment-content.entry-content > .alignwide,
    3662 .comment-content.entry-content > .alignfull {
    3663         right: auto;
    3664         max-width: 100%;
    3665         width: auto;
     3708.comment-content.entry-content .alignright {
     3709        margin-right: 0;
    36663710}
    36673711
    36683712/* COMMENT FOOTER */
    a.to-the-top > * { 
    43644408        .wp-block-pullquote.alignleft,
    43654409        .wp-block-pullquote.alignright {
    43664410                float: none;
    4367                 margin: 3rem 0;
    4368         }
    4369 
    4370         .wp-block-pullquote.alignleft:first-child,
    4371         .wp-block-pullquote.alignright:first-child {
    4372                 margin-top: 0;
    4373         }
    4374 
    4375         .wp-block-pullquote.alignleft:last-child,
    4376         .wp-block-pullquote.alignright:last-child {
    4377                 margin-bottom: 0;
    43784411        }
    43794412
    43804413        /* Entry Content ------------------------- */
    a.to-the-top > * { 
    44824515
    44834516        /* ALIGNMENT CLASSES */
    44844517
    4485         .entry-content > .alignleft,
     4518        .entry-content > .alignleft {
     4519                margin-left: 4rem;
     4520        }
     4521
    44864522        .entry-content > p .alignleft,
    4487         .entry-content > .wp-block-image .alignleft,
    4488         [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
    4489         [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
    4490         [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
    4491         [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft:not(.wp-block-pullquote),
    4492         [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
    4493         [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     4523        .entry-content > .wp-block-image .alignleft {
    44944524                margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
    44954525        }
    44964526
    a.to-the-top > * { 
    45004530                margin-left: 0;
    45014531        }
    45024532
    4503         .entry-content > .alignright,
     4533        .entry-content > .alignright {
     4534                margin-right: 4rem;
     4535        }
     4536
    45044537        .entry-content > p .alignright,
    4505         .entry-content > .wp-block-image .alignright,
    4506         [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
    4507         [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
    4508         [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
    4509         [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright:not(.wp-block-pullquote),
    4510         [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
    4511         [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     4538        .entry-content > .wp-block-image .alignright {
    45124539                margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
    45134540        }
    45144541
    a.to-the-top > * { 
    48044831                width: 2.12rem;
    48054832        }
    48064833
     4834        /* Template: Full Width ------------------ */
     4835
     4836        body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     4837                width: calc(100% - 8rem);
     4838        }
     4839
     4840        body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     4841                padding-right: 4rem;
     4842                padding-left: 4rem;
     4843        }
     4844
     4845        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     4846        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     4847        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     4848                margin-left: 4rem;
     4849        }
     4850
     4851        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     4852        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     4853        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     4854                margin-right: 4rem;
     4855        }
     4856
    48074857        /* Post: Archive ------------------------- */
    48084858
    48094859        .archive-header {
    a.to-the-top > * { 
    50325082                margin-bottom: 0;
    50335083        }
    50345084
     5085        .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     5086                padding-right: 0;
     5087                padding-left: 0;
     5088        }
     5089
    50355090        /* BLOCK: MEDIA AND TEXT */
    50365091
    50375092        .wp-block-media-text .wp-block-media-text__content {
    a.to-the-top > * { 
    51505205                width: calc(100vw - 8rem);
    51515206        }
    51525207
     5208        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     5209        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     5210        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     5211                margin-left: 4rem;
     5212        }
     5213
     5214        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     5215        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     5216        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     5217                margin-right: 4rem;
     5218        }
     5219
    51535220        /* ENTRY MEDIA */
    51545221
    51555222        .alignfull > figcaption,
    a.to-the-top > * { 
    55985665                width: 100%;
    55995666        }
    56005667
    5601         /* Template: [Template Name] ------------- */
     5668        /* Template: Full Width ------------------ */
     5669
     5670        .template-full-width .wp-block-image .alignleft {
     5671                margin-right: 2rem;
     5672        }
     5673
     5674        .template-full-width .wp-block-image .alignright {
     5675                margin-left: 2rem;
     5676        }
    56025677
    56035678        /* Post: Archive ------------------------- */
    56045679
    a.to-the-top > * { 
    56345709                margin-top: 0;
    56355710        }
    56365711
     5712        /* BLOCK: IMAGE */
     5713
     5714        .wp-block-image .alignleft {
     5715                margin-right: 0;
     5716        }
     5717
     5718        .wp-block-image .alignright {
     5719                margin-left: 0;
     5720        }
     5721
    56375722        /* BLOCK: SEPARATOR */
    56385723
    56395724        hr.wp-block-separator {
    a.to-the-top > * { 
    56485733        .entry-content > p .alignleft,
    56495734        .entry-content > .wp-block-image .alignleft {
    56505735                position: absolute;
    5651                 left: calc((100vw - 58rem) / 2 + 58rem);
    5652                 max-width: calc((100% - 58rem) / 2 - 4rem);
     5736                right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
     5737                max-width: calc((100% - 58rem) / 2 - 6rem);
    56535738        }
    56545739
    56555740        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
    56565741        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
    56575742        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
    56585743                position: relative;
    5659                 left: inherit;
     5744                right: inherit;
    56605745                max-width: inherit;
    56615746        }
    56625747
    a.to-the-top > * { 
    56675752        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
    56685753        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
    56695754                position: absolute;
    5670                 left: calc((100% - 58rem) / 2 + 58rem);
     5755                right: calc((100% - 58rem) / 2 + 58rem + 4rem);
    56715756                max-width: calc((100% - 58rem) / 2 - 4rem);
    56725757        }
    56735758
     5759        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
     5760        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
     5761        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
     5762                right: calc((100% - 58rem) / 2 + 58rem);
     5763        }
     5764
     5765        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     5766        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     5767        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     5768                margin-left: 4rem;
     5769        }
     5770
    56745771        .entry-content > .alignright,
    56755772        .entry-content > p .alignright,
    56765773        .entry-content > .wp-block-image .alignright,
    56775774        [class*="__inner-container"] > .alignright {
    56785775                position: absolute;
    5679                 right: calc((100vw - 58rem) / 2 + 58rem);
    5680                 max-width: calc((100% - 58rem) / 2 - 4rem);
     5776                left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
     5777                max-width: calc((100% - 58rem) / 2 - 6rem);
    56815778        }
    56825779
    56835780        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
    56845781        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
    56855782        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
    56865783                position: relative;
    5687                 right: inherit;
     5784                left: inherit;
    56885785                max-width: inherit;
    56895786        }
    56905787
    a.to-the-top > * { 
    56955792        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
    56965793        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
    56975794                position: absolute;
    5698                 right: calc((100% - 58rem) / 2 + 58rem);
     5795                left: calc((100% - 58rem) / 2 + 58rem + 4rem);
    56995796                max-width: calc((100% - 58rem) / 2 - 4rem);
    57005797        }
    57015798
     5799        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
     5800        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
     5801        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
     5802                left: calc((100% - 58rem) / 2 + 58rem + 4rem);
     5803        }
     5804
     5805        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     5806        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     5807        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     5808                margin-right: 4rem;
     5809        }
     5810
    57025811        .entry-content > .alignwide:not(.wp-block-group.has-background),
    57035812        .entry-content > .alignfull:not(.wp-block-group.has-background) {
    57045813                margin-bottom: 8rem;
    a.to-the-top > * { 
    58775986                margin-top: 10rem;
    58785987        }
    58795988
     5989        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
     5990        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
     5991        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
     5992                right: calc((100% - 58rem) / 2 + 58rem - 2rem);
     5993        }
     5994
     5995        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
     5996        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
     5997        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
     5998                left: calc((100% - 58rem) / 2 + 58rem + 6rem);
     5999        }
     6000
    58806001        /* Comments ------------------------------ */
    58816002
    58826003        .comment-reply-title {
    a.to-the-top > * { 
    59486069
    59496070}
    59506071
     6072@media ( min-width: 1240px ) {
     6073
     6074
     6075        /* Blocks -------------------------------- */
     6076
     6077        body.template-full-width .entry-content > .alignleft {
     6078                margin-left: calc(( 100vw - 120rem ) / 2);
     6079        }
     6080
     6081        body.template-full-width .entry-content > .alignright {
     6082                margin-right: calc(( 100vw - 120rem ) / 2);
     6083        }
     6084
     6085}
     6086
    59516087@media ( min-width: 1280px ) {
    59526088
    59536089        /* Blocks -------------------------------- */
    a.to-the-top > * { 
    59766112        .entry-content > .alignleft,
    59776113        .entry-content > p .alignleft,
    59786114        .entry-content > .wp-block-image .alignleft {
     6115                right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
    59796116                margin-left: -31rem;
    59806117        }
    59816118
    59826119        .entry-content > .alignright,
    59836120        .entry-content > p .alignright,
    59846121        .entry-content > .wp-block-image .alignright {
     6122                left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
    59856123                margin-right: -31rem;
    59866124        }
    59876125
    a.to-the-top > * { 
    59956133                width: 100%;
    59966134        }
    59976135
     6136        .alignleft,
     6137        .alignright,
     6138        .entry-content > .alignleft,
     6139        .entry-content > p .alignleft,
     6140        .entry-content > .wp-block-image .alignleft,
     6141        .entry-content > .alignright,
     6142        .entry-content > p .alignright,
     6143        .entry-content > .wp-block-image .alignright,
     6144        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
     6145        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
     6146        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
     6147        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     6148        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     6149        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
     6150        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
     6151        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
     6152        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
     6153        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     6154        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     6155        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6156                max-width: 25rem;
     6157        }
     6158
     6159        /* Template: Full Width ------------------ */
     6160
     6161        body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     6162                padding-right: 0;
     6163                padding-left: 0;
     6164        }
     6165
     6166        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     6167                margin-left: 0;
     6168        }
     6169
     6170        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6171                margin-right: 0;
     6172        }
     6173
    59986174}
    59996175
    60006176@media ( min-width: 1330px ) {
    60016177
    60026178
     6179        /* Entry Content ------------------------- */
     6180
     6181        /* ALIGNMENT CLASSES */
     6182
     6183        .alignleft,
     6184        .alignright,
     6185        .entry-content > .alignleft,
     6186        .entry-content > p .alignleft,
     6187        .entry-content > .wp-block-image .alignleft,
     6188        .entry-content > .alignright,
     6189        .entry-content > p .alignright,
     6190        .entry-content > .wp-block-image .alignright,
     6191        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
     6192        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
     6193        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
     6194        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     6195        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     6196        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
     6197        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
     6198        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
     6199        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
     6200        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     6201        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     6202        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6203                max-width: 29rem;
     6204        }
     6205
    60036206        /* Blocks -------------------------------- */
    60046207
    60056208        /* BLOCK: PULLQUOTE */
  • src/wp-content/themes/twentytwenty/style.css

    diff --git a/src/wp-content/themes/twentytwenty/style.css b/src/wp-content/themes/twentytwenty/style.css
    index 2fdbb2fa25..db208bc33f 100644
    a b button.toggle { 
    12081208        }
    12091209}
    12101210
     1211.wp-block-image.is-resized {
     1212        margin-left: auto;
     1213        margin-right: auto;
     1214}
    12111215
    12121216/* Search Form ------------------------------- */
    12131217
    body.template-cover .entry-header { 
    22522256/*      7c. Template: Full Width
    22532257/* -------------------------------------------------------------------------- */
    22542258
    2255 body.template-full-width .entry-content {
    2256         max-width: none;
     2259
     2260body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
     2261body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     2262        max-width: 120rem;
     2263}
     2264
     2265body.template-full-width .entry-content .alignleft,
     2266body.template-full-width .entry-content .alignright {
     2267        position: static;
    22572268}
    22582269
    2259 body.template-full-width .entry-content .alignleft {
     2270body.template-full-width .entry-content .alignleft,
     2271body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
     2272body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
     2273body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft {
    22602274
    22612275        /*rtl:ignore*/
    22622276        margin-left: 0;
     2277        position: static;
    22632278}
    22642279
    2265 body.template-full-width .entry-content .alignright {
     2280body.template-full-width .entry-content > .alignleft,
     2281body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     2282body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     2283body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     2284
     2285        /*rtl:ignore*/
     2286        margin-left: 2rem;
     2287        position: static;
     2288}
     2289
     2290body.template-full-width .entry-content .alignright,
     2291body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
     2292body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
     2293body.template-full-width [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright {
    22662294
    22672295        /*rtl:ignore*/
    22682296        margin-right: 0;
     2297        position: static;
     2298}
     2299
     2300body.template-full-width .entry-content > .alignright,
     2301body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     2302body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     2303body.template-full-width [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     2304
     2305        /*rtl:ignore*/
     2306        margin-right: 2rem;
     2307        position: static;
    22692308}
    22702309
     2310
    22712311/* -------------------------------------------------------------------------- */
    22722312
    22732313/*      8. Post: Archive
    figure.wp-block-gallery.alignfull { 
    31163156
    31173157.wp-block-pullquote.alignleft,
    31183158.wp-block-pullquote.alignright {
    3119         max-width: 100%;
     3159        max-width: calc(100% - 4rem);
    31203160}
    31213161
    31223162.wp-block-pullquote::before {
    figure.wp-block-table.is-style-stripes { 
    33603400
    33613401/* Block: Widget Latest Posts ---------------- */
    33623402
    3363 .wp-block-latest-posts.is-grid,
    3364 .wp-block-latest-posts.has-dates,
    3365 .wp-block-latest-posts.has-dates li {
    3366         margin-left: 0;
    3367 }
    3368 
    33693403.wp-block-latest-posts.is-grid li {
    33703404        border-top: 0.2rem solid #dcd7ca;
    33713405        margin-top: 2rem;
    figure.wp-block-table.is-style-stripes { 
    34093443        margin-bottom: 0;
    34103444}
    34113445
     3446.read-more-button-wrap {
     3447        margin-top: 1em;
     3448        text-align: center;
     3449}
     3450
    34123451.entry-content a:hover,
    34133452.entry-content a:focus {
    34143453        text-decoration: none;
    figure.wp-block-table.is-style-stripes { 
    34893528        margin-left: auto;
    34903529}
    34913530
    3492 [class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
     3531[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright) {
    34933532        margin-left: auto;
    34943533        margin-right: auto;
    34953534}
    figure.wp-block-table.is-style-stripes { 
    35513590        margin: 0.3rem 2rem 2rem 2rem;
    35523591}
    35533592
     3593[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     3594[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     3595[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     3596
     3597        /*rtl:ignore*/
     3598        margin-left: 2rem;
     3599}
     3600
     3601[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     3602[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     3603[class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     3604
     3605        /*rtl:ignore*/
     3606        margin-right: 2rem;
     3607}
     3608
    35543609/* Entry Media ------------------------------- */
    35553610
    35563611.alignfull > figcaption,
    div.comment:first-of-type { 
    36723727
    36733728/* COMMENT CONTENT */
    36743729
     3730.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     3731        width: 100%;
     3732}
     3733
    36753734.comment-content.entry-content .alignleft {
     3735
     3736        /*rtl:ignore*/
    36763737        margin-left: 0;
    36773738}
    36783739
    36793740.comment-content.entry-content .alignright {
    3680         margin-right: 0;
    3681 }
    36823741
    3683 .comment-content.entry-content > .alignwide,
    3684 .comment-content.entry-content > .alignfull {
    3685         left: auto;
    3686         max-width: 100%;
    3687         width: auto;
     3742        /*rtl:ignore*/
     3743        margin-right: 0;
    36883744}
    36893745
    36903746/* COMMENT FOOTER */
    a.to-the-top > * { 
    43864442        .wp-block-pullquote.alignleft,
    43874443        .wp-block-pullquote.alignright {
    43884444                float: none;
    4389                 margin: 3rem 0;
    4390         }
    4391 
    4392         .wp-block-pullquote.alignleft:first-child,
    4393         .wp-block-pullquote.alignright:first-child {
    4394                 margin-top: 0;
    4395         }
    4396 
    4397         .wp-block-pullquote.alignleft:last-child,
    4398         .wp-block-pullquote.alignright:last-child {
    4399                 margin-bottom: 0;
    44004445        }
    44014446
    44024447        /* Entry Content ------------------------- */
    a.to-the-top > * { 
    45084553
    45094554        /* ALIGNMENT CLASSES */
    45104555
    4511         .entry-content > .alignleft,
     4556        .entry-content > .alignleft {
     4557
     4558                /*rtl:ignore*/
     4559                margin-left: 4rem;
     4560        }
     4561
    45124562        .entry-content > p .alignleft,
    4513         .entry-content > .wp-block-image .alignleft,
    4514         [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
    4515         [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
    4516         [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
    4517         [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft:not(.wp-block-pullquote),
    4518         [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
    4519         [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     4563        .entry-content > .wp-block-image .alignleft {
    45204564
    45214565                /*rtl:ignore*/
    45224566                margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
    a.to-the-top > * { 
    45304574                margin-left: 0;
    45314575        }
    45324576
    4533         .entry-content > .alignright,
     4577        .entry-content > .alignright {
     4578
     4579                /*rtl:ignore*/
     4580                margin-right: 4rem;
     4581        }
     4582
    45344583        .entry-content > p .alignright,
    4535         .entry-content > .wp-block-image .alignright,
    4536         [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
    4537         [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
    4538         [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
    4539         [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright:not(.wp-block-pullquote),
    4540         [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
    4541         [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     4584        .entry-content > .wp-block-image .alignright {
    45424585
    45434586                /*rtl:ignore*/
    45444587                margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
    a.to-the-top > * { 
    48384881                width: 2.12rem;
    48394882        }
    48404883
     4884        /* Template: Full Width ------------------ */
     4885
     4886        body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     4887                width: calc(100% - 8rem);
     4888        }
     4889
     4890        body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     4891                padding-left: 4rem;
     4892                padding-right: 4rem;
     4893        }
     4894
     4895        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     4896        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     4897        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     4898
     4899                /*rtl:ignore*/
     4900                margin-left: 4rem;
     4901        }
     4902
     4903        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     4904        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     4905        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     4906
     4907                /*rtl:ignore*/
     4908                margin-right: 4rem;
     4909        }
     4910
    48414911        /* Post: Archive ------------------------- */
    48424912
    48434913        .archive-header {
    a.to-the-top > * { 
    50665136                margin-bottom: 0;
    50675137        }
    50685138
     5139        .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     5140                padding-left: 0;
     5141                padding-right: 0;
     5142        }
     5143
    50695144        /* BLOCK: MEDIA AND TEXT */
    50705145
    50715146        .wp-block-media-text .wp-block-media-text__content {
    a.to-the-top > * { 
    51885263                width: calc(100vw - 8rem);
    51895264        }
    51905265
     5266        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignleft,
     5267        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignleft,
     5268        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft {
     5269
     5270                /*rtl:ignore*/
     5271                margin-left: 4rem;
     5272        }
     5273
     5274        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .alignright,
     5275        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > p .alignright,
     5276        [class*="wp-block"].alignfull:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright {
     5277
     5278                /*rtl:ignore*/
     5279                margin-right: 4rem;
     5280        }
     5281
    51915282        /* ENTRY MEDIA */
    51925283
    51935284        .alignfull > figcaption,
    a.to-the-top > * { 
    56365727                width: 100%;
    56375728        }
    56385729
    5639         /* Template: [Template Name] ------------- */
     5730        /* Template: Full Width ------------------ */
     5731
     5732        .template-full-width .wp-block-image .alignleft {
     5733
     5734                /*rtl:ignore*/
     5735                margin-right: 2rem;
     5736        }
     5737
     5738        .template-full-width .wp-block-image .alignright {
     5739
     5740                /*rtl:ignore*/
     5741                margin-left: 2rem;
     5742        }
    56405743
    56415744        /* Post: Archive ------------------------- */
    56425745
    a.to-the-top > * { 
    56725775                margin-top: 0;
    56735776        }
    56745777
     5778        /* BLOCK: IMAGE */
     5779
     5780        .wp-block-image .alignleft {
     5781
     5782                /*rtl:ignore*/
     5783                margin-right: 0;
     5784        }
     5785
     5786        .wp-block-image .alignright {
     5787
     5788                /*rtl:ignore*/
     5789                margin-left: 0;
     5790        }
     5791
    56755792        /* BLOCK: SEPARATOR */
    56765793
    56775794        hr.wp-block-separator {
    a.to-the-top > * { 
    56865803        .entry-content > p .alignleft,
    56875804        .entry-content > .wp-block-image .alignleft {
    56885805                position: absolute;
    5689                 right: calc((100vw - 58rem) / 2 + 58rem);
    5690                 max-width: calc((100% - 58rem) / 2 - 4rem);
     5806
     5807                /*rtl:ignore*/
     5808                right: calc((100vw - 58rem) / 2 + 58rem + 2rem);
     5809                max-width: calc((100% - 58rem) / 2 - 6rem);
    56915810        }
    56925811
    56935812        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
    56945813        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
    56955814        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
    56965815                position: relative;
     5816
     5817                /*rtl:ignore*/
    56975818                right: inherit;
    56985819                max-width: inherit;
    56995820        }
    a.to-the-top > * { 
    57055826        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
    57065827        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
    57075828                position: absolute;
    5708                 right: calc((100% - 58rem) / 2 + 58rem);
     5829
     5830                /*rtl:ignore*/
     5831                right: calc((100% - 58rem) / 2 + 58rem + 4rem);
    57095832                max-width: calc((100% - 58rem) / 2 - 4rem);
    57105833        }
    57115834
     5835        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
     5836        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
     5837        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
     5838
     5839                /*rtl:ignore*/
     5840                right: calc((100% - 58rem) / 2 + 58rem);
     5841        }
     5842
     5843        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     5844        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     5845        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     5846
     5847                /*rtl:ignore*/
     5848                margin-left: 4rem;
     5849        }
     5850
    57125851        .entry-content > .alignright,
    57135852        .entry-content > p .alignright,
    57145853        .entry-content > .wp-block-image .alignright,
    57155854        [class*="__inner-container"] > .alignright {
    57165855                position: absolute;
    5717                 left: calc((100vw - 58rem) / 2 + 58rem);
    5718                 max-width: calc((100% - 58rem) / 2 - 4rem);
     5856
     5857                /*rtl:ignore*/
     5858                left: calc((100vw - 58rem) / 2 + 58rem + 2rem);
     5859                max-width: calc((100% - 58rem) / 2 - 6rem);
    57195860        }
    57205861
    57215862        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
    57225863        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
    57235864        [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
    57245865                position: relative;
     5866
     5867                /*rtl:ignore*/
    57255868                left: inherit;
    57265869                max-width: inherit;
    57275870        }
    a.to-the-top > * { 
    57335876        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
    57345877        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
    57355878                position: absolute;
    5736                 left: calc((100% - 58rem) / 2 + 58rem);
     5879
     5880                /*rtl:ignore*/
     5881                left: calc((100% - 58rem) / 2 + 58rem + 4rem);
    57375882                max-width: calc((100% - 58rem) / 2 - 4rem);
    57385883        }
    57395884
     5885        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
     5886        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
     5887        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
     5888
     5889                /*rtl:ignore*/
     5890                left: calc((100% - 58rem) / 2 + 58rem + 4rem);
     5891        }
     5892
     5893        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     5894        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     5895        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     5896
     5897                /*rtl:ignore*/
     5898                margin-right: 4rem;
     5899        }
     5900
    57405901        .entry-content > .alignwide:not(.wp-block-group.has-background),
    57415902        .entry-content > .alignfull:not(.wp-block-group.has-background) {
    57425903                margin-bottom: 8rem;
    a.to-the-top > * { 
    59156076                margin-top: 10rem;
    59166077        }
    59176078
     6079        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignleft,
     6080        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignleft,
     6081        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignleft {
     6082
     6083                /*rtl:ignore*/
     6084                right: calc((100% - 58rem) / 2 + 58rem - 2rem);
     6085        }
     6086
     6087        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .alignright,
     6088        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > p .alignright,
     6089        [class*="wp-block"].alignwide.has-background [class*="__inner-container"] > .wp-block-image .alignright {
     6090
     6091                /*rtl:ignore*/
     6092                left: calc((100% - 58rem) / 2 + 58rem + 6rem);
     6093        }
     6094
    59186095        /* Comments ------------------------------ */
    59196096
    59206097        .comment-reply-title {
    a.to-the-top > * { 
    59866163
    59876164}
    59886165
     6166@media ( min-width: 1240px ) {
     6167
     6168
     6169        /* Blocks -------------------------------- */
     6170
     6171        body.template-full-width .entry-content > .alignleft {
     6172
     6173                /*rtl:ignore*/
     6174                margin-left: calc(( 100vw - 120rem ) / 2);
     6175        }
     6176
     6177        body.template-full-width .entry-content > .alignright {
     6178
     6179                /*rtl:ignore*/
     6180                margin-right: calc(( 100vw - 120rem ) / 2);
     6181        }
     6182
     6183}
     6184
    59896185@media ( min-width: 1280px ) {
    59906186
    59916187        /* Blocks -------------------------------- */
    a.to-the-top > * { 
    60196215        .entry-content > p .alignleft,
    60206216        .entry-content > .wp-block-image .alignleft {
    60216217
     6218                /*rtl:ignore*/
     6219                right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
     6220
    60226221                /*rtl:ignore*/
    60236222                margin-left: -31rem;
    60246223        }
    a.to-the-top > * { 
    60276226        .entry-content > p .alignright,
    60286227        .entry-content > .wp-block-image .alignright {
    60296228
     6229                /*rtl:ignore*/
     6230                left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
     6231
    60306232                /*rtl:ignore*/
    60316233                margin-right: -31rem;
    60326234        }
    a.to-the-top > * { 
    60416243                width: 100%;
    60426244        }
    60436245
     6246        .alignleft,
     6247        .alignright,
     6248        .entry-content > .alignleft,
     6249        .entry-content > p .alignleft,
     6250        .entry-content > .wp-block-image .alignleft,
     6251        .entry-content > .alignright,
     6252        .entry-content > p .alignright,
     6253        .entry-content > .wp-block-image .alignright,
     6254        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
     6255        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
     6256        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
     6257        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     6258        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     6259        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
     6260        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
     6261        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
     6262        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
     6263        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     6264        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     6265        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6266                max-width: 25rem;
     6267        }
     6268
     6269        /* Template: Full Width ------------------ */
     6270
     6271        body.template-full-width .alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
     6272                padding-left: 0;
     6273                padding-right: 0;
     6274        }
     6275
     6276        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
     6277
     6278                /*rtl:ignore*/
     6279                margin-left: 0;
     6280        }
     6281
     6282        body.template-full-width [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6283
     6284                /*rtl:ignore*/
     6285                margin-right: 0;
     6286        }
     6287
    60446288}
    60456289
    60466290@media ( min-width: 1330px ) {
    60476291
    60486292
     6293        /* Entry Content ------------------------- */
     6294
     6295        /* ALIGNMENT CLASSES */
     6296
     6297        .alignleft,
     6298        .alignright,
     6299        .entry-content > .alignleft,
     6300        .entry-content > p .alignleft,
     6301        .entry-content > .wp-block-image .alignleft,
     6302        .entry-content > .alignright,
     6303        .entry-content > p .alignright,
     6304        .entry-content > .wp-block-image .alignright,
     6305        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignleft,
     6306        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignleft,
     6307        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignleft,
     6308        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
     6309        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
     6310        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft,
     6311        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .alignright,
     6312        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > p .alignright,
     6313        [class*="wp-block"].alignwide:not(.has-background) [class*="__inner-container"] > .wp-block-image .alignright,
     6314        [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
     6315        [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
     6316        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
     6317                max-width: 29rem;
     6318        }
     6319
    60496320        /* Blocks -------------------------------- */
    60506321
    60516322        /* BLOCK: PULLQUOTE */
  • src/wp-content/themes/twentytwenty/template-parts/content-cover.php

    diff --git a/src/wp-content/themes/twentytwenty/template-parts/content-cover.php b/src/wp-content/themes/twentytwenty/template-parts/content-cover.php
    index 2080c63439..f9b480f0e8 100644
    a b  
    123123                </div><!-- .cover-header-inner-wrapper -->
    124124        </div><!-- .cover-header -->
    125125
    126         <div class="post-inner section-inner thin" id="post-inner">
     126        <div class="post-inner" id="post-inner">
    127127
    128128                <div class="entry-content">
    129129