WordPress.org
Get WordPress

Make WordPress Core

Changeset 46722 for trunk


Ignore:
Timestamp:
11/12/2019 06:22:39 PM (7 years ago)
Author:
SergeyBiryukov
Message:

Bundled Themes: Update Twenty Twenty.

This brings Twenty Twenty in sync with GitHub. For a full list of changes since [46715], see ​https://github.com/WordPress/twentytwenty/compare/fa8c3fc...a9e73ab.

Props Anlino, karmatosed, williampatton, poena, joyously, ianbelanger, chetan200891.
See #48110, #48386, #48450, #48505, #48557.
Fixes #48571.

Location:
trunk/src/wp-content/themes/twentytwenty
Files:
6 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css

    r46713 r46722  
    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

  • trunk/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

    r46713 r46722  
    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

  • trunk/src/wp-content/themes/twentytwenty/functions.php

    r46701 r46722  
    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

  • trunk/src/wp-content/themes/twentytwenty/style-rtl.css

    r46715 r46722  
    12031203}
    12041204
     1205.wp-block-image.is-resized {
     1206        margin-right: auto;
     1207        margin-left: auto;
     1208}
    12051209
    12061210/* Search Form ------------------------------- */
    … …  
    22452249/* -------------------------------------------------------------------------- */
    22462250
    2247 body.template-full-width .entry-content {
    2248         max-width: none;
    2249 }
    2250 
    2251 body.template-full-width .entry-content .alignleft {
     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;
     2255}
     2256
     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;
    2253 }
    2254 
    2255 body.template-full-width .entry-content .alignright {
     2267        position: static;
     2268}
     2269
     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;
    2257 }
     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;
     2292}
     2293
    22582294
    22592295/* -------------------------------------------------------------------------- */
    … …  
    31033139.wp-block-pullquote.alignleft,
    31043140.wp-block-pullquote.alignright {
    3105         max-width: 100%;
     3141        max-width: calc(100% - 4rem);
    31063142}
    31073143
    … …  
    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;
    … …  
    33903420.entry-content > *:last-child {
    33913421        margin-bottom: 0;
     3422}
     3423
     3424.read-more-button-wrap {
     3425        margin-top: 1em;
     3426        text-align: center;
    33923427}
    33933428
    … …  
    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;
    … …  
    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
    … …  
    36513698/* COMMENT CONTENT */
    36523699
     3700.comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
     3701        width: 100%;
     3702}
     3703
    36533704.comment-content.entry-content .alignleft {
     3705        margin-left: 0;
     3706}
     3707
     3708.comment-content.entry-content .alignright {
    36543709        margin-right: 0;
    3655 }
    3656 
    3657 .comment-content.entry-content .alignright {
    3658         margin-left: 0;
    3659 }
    3660 
    3661 .comment-content.entry-content > .alignwide,
    3662 .comment-content.entry-content > .alignfull {
    3663         right: auto;
    3664         max-width: 100%;
    3665         width: auto;
    36663710}
    36673711
    … …  
    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
    … …  
    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        }
    … …  
    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        }
    … …  
    48034830                height: 2.4rem;
    48044831                width: 2.12rem;
     4832        }
     4833
     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;
    48054855        }
    48064856
    … …  
    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
    … …  
    51495204                max-width: calc(100vw - 8rem);
    51505205                width: calc(100vw - 8rem);
     5206        }
     5207
     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;
    51515218        }
    51525219
    … …  
    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 ------------------------- */
    … …  
    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
    … …  
    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
    … …  
    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        }
    … …  
    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);
     5757        }
     5758
     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;
    56725769        }
    56735770
    … …  
    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
    … …  
    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        }
    … …  
    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);
     5797        }
     5798
     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;
    57005809        }
    57015810
    … …  
    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
    … …  
    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
    … …  
    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        }
    … …  
    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        }
    … …  
    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
     6178
     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        }
    60026205
    60036206        /* Blocks -------------------------------- */

  • trunk/src/wp-content/themes/twentytwenty/style.css

    r46715 r46722  
    12091209}
    12101210
     1211.wp-block-image.is-resized {
     1212        margin-left: auto;
     1213        margin-right: auto;
     1214}
    12111215
    12121216/* Search Form ------------------------------- */
    … …  
    22532257/* -------------------------------------------------------------------------- */
    22542258
    2255 body.template-full-width .entry-content {
    2256         max-width: none;
    2257 }
    2258 
    2259 body.template-full-width .entry-content .alignleft {
     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;
     2268}
     2269
     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;
    2263 }
    2264 
    2265 body.template-full-width .entry-content .alignright {
     2277        position: static;
     2278}
     2279
     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;
    2269 }
     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;
     2308}
     2309
    22702310
    22712311/* -------------------------------------------------------------------------- */
    … …  
    31173157.wp-block-pullquote.alignleft,
    31183158.wp-block-pullquote.alignright {
    3119         max-width: 100%;
     3159        max-width: calc(100% - 4rem);
    31203160}
    31213161
    … …  
    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;
    … …  
    34083442.entry-content > *:last-child {
    34093443        margin-bottom: 0;
     3444}
     3445
     3446.read-more-button-wrap {
     3447        margin-top: 1em;
     3448        text-align: center;
    34103449}
    34113450
    … …  
    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;
    … …  
    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
    … …  
    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 {
     3741
     3742        /*rtl:ignore*/
    36803743        margin-right: 0;
    3681 }
    3682 
    3683 .comment-content.entry-content > .alignwide,
    3684 .comment-content.entry-content > .alignfull {
    3685         left: auto;
    3686         max-width: 100%;
    3687         width: auto;
    36883744}
    36893745
    … …  
    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
    … …  
    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*/
    … …  
    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*/
    … …  
    48374880                height: 2.4rem;
    48384881                width: 2.12rem;
     4882        }
     4883
     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;
    48394909        }
    48404910
    … …  
    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
    … …  
    51875262                max-width: calc(100vw - 8rem);
    51885263                width: calc(100vw - 8rem);
     5264        }
     5265
     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;
    51895280        }
    51905281
    … …  
    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 ------------------------- */
    … …  
    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
    … …  
    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
    … …  
    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;
    … …  
    57065827        [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
    57075828                position: absolute;
     5829
     5830                /*rtl:ignore*/
     5831                right: calc((100% - 58rem) / 2 + 58rem + 4rem);
     5832                max-width: calc((100% - 58rem) / 2 - 4rem);
     5833        }
     5834
     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*/
    57085840                right: calc((100% - 58rem) / 2 + 58rem);
    5709                 max-width: calc((100% - 58rem) / 2 - 4rem);
     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;
    57105849        }
    57115850
    … …  
    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
    … …  
    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;
    … …  
    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);
     5883        }
     5884
     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;
    57385899        }
    57395900
    … …  
    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
    … …  
    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
    … …  
    60216217
    60226218                /*rtl:ignore*/
     6219                right: calc((100vw - 58rem) / 2 + 58rem + 4rem);
     6220
     6221                /*rtl:ignore*/
    60236222                margin-left: -31rem;
    60246223        }
    … …  
    60296228
    60306229                /*rtl:ignore*/
     6230                left: calc((100vw - 58rem) / 2 + 58rem + 4rem);
     6231
     6232                /*rtl:ignore*/
    60316233                margin-right: -31rem;
    60326234        }
    … …  
    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
     6292
     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        }
    60486319
    60496320        /* Blocks -------------------------------- */

  • trunk/src/wp-content/themes/twentytwenty/template-parts/content-cover.php

    r46551 r46722  
    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">
Note: See TracChangeset for help on using the changeset viewer.