WordPress.org

Make WordPress Core

Changeset 46722


Ignore:
Timestamp:
11/12/2019 06:22:39 PM (11 months 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.