Get WordPress

Make WordPress Core

Changeset 50358

Timestamp:
02/16/2021 06:57:31 PM (3 years ago)
Author:
ryelle
Message:

Bundled Themes: Fix alignment and styles for quote, verse, and code blocks.

Updates older themes to fix alignment, spacing, and font issues to better match the frontend display. Applies to themes: Twenty Eleven, Twenty Thirteen, Twenty Fourteen, Twenty Sixteen, Twenty Seventeen, and Twenty Twenty.

Props burnuser, talldanwp, cristinasoponar, poena, kjellr
Fixes #52009.

Location:
trunk/src/wp-content/themes
Files:
12 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyeleven/editor-blocks.css

    r49511 r50358  
    268268}
    269269
    270 .edit-post-visual-editor .editor-block-list__block .wp-block-quote p {
     270.edit-post-visual-editor .editor-block-list__block .wp-block-quote p,
     271.editor-styles-wrapper .wp-block-quote p {
    271272    font-family: Georgia, "Bitstream Charter", serif;
    272273}
    … …  
    274275.wp-block-quote:not(.is-large):not(.is-style-large) {
    275276    border: 0;
    276     padding-left: 0;
    277     padding-right: 0;
    278 }
    279 
    280 .wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
     277    padding-left: 3em;
     278    padding-right: 3em;
     279}
     280
     281.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body,
     282.wp-block-quote .wp-block-quote__citation {
    281283    color: #666;
    282284    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    … …  
    332334/* Code */
    333335
    334 .wp-block-code {
     336.wp-block-code {
    335337    background: transparent;
    336338    border: 0;
    … …  
    340342/* Pullquote */
    341343
    342 .edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p {
     344.edit-post-visual-editor .editor-block-list__block .wp-block-pullquote p,
     345.editor-styles-wrapper .wp-block-pullquote p {
    343346    font-family: Georgia, "Bitstream Charter", serif;
    344347    font-style: italic;
    … …  
    367370.rtl .editor-block-list__block td {
    368371    text-align: right;
     372
     373
     374
     375
     376
     377
    369378}
    370379

  • trunk/src/wp-content/themes/twentyfifteen/css/editor-blocks.css

    r49511 r50358  
    636636/* Code */
    637637
    638 .wp-block-code,
     638.wp-block-code,
    639639.wp-block-freeform.block-library-rich-text__tinymce code {
    640640    background: transparent;
    … …  
    705705.rtl .editor-block-list__block .wp-block-table th {
    706706    text-align: right;
     707
     708
     709
     710
     711
     712
    707713}
    708714

  • trunk/src/wp-content/themes/twentyfifteen/css/editor-style.css

    r36075 r50358  
    164164    line-height: 1.2353;
    165165    margin-bottom: 28px;
    166     max-width: 100%;
    167166    overflow: auto;
    168167    padding: 14px;

  • trunk/src/wp-content/themes/twentyfourteen/css/editor-blocks.css

    r50347 r50358  
    351351--------------------------------------------------------------*/
    352352
    353 /* Code */
    354 
    355 .wp-block-code {
     353/* Code */
     354
     355.wp-block-code {
    356356    border: 0;
    357357    padding: 0;
    … …  
    392392}
    393393
     394
     395
     396
     397
     398
     399
    394400/*--------------------------------------------------------------
    3954015.0 Blocks - Layout Elements

  • trunk/src/wp-content/themes/twentyfourteen/css/editor-style.css

    r44380 r50358  
    154154    border: 1px solid rgba(0, 0, 0, 0.1);
    155155    margin-bottom: 24px;
    156     max-width: 100%;
    157156    overflow: auto;
    158157    padding: 12px;

  • trunk/src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css

    r50347 r50358  
    519519}
    520520
    521 .editor-block-list__block .wp-block-quote .wp-block-quote__citation {
     521.wp-block-quote .wp-block-quote__citation {
    522522    color: inherit;
    523523    display: block;
    … …  
    534534}
    535535
    536 .editor-block-list__block .wp-block-quote.alignleft p,
    537 .editor-block-list__block .wp-block-quote.alignright p,
    538 .editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation,
    539 .editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation {
     536.wp-block-quote.alignleft p,
     537.wp-block-quote.alignright p,
     538.wp-block-quote.alignleft .wp-block-quote__citation,
     539.wp-block-quote.alignright .wp-block-quote__citation {
    540540    font-size: 13px;
    541541    font-size: 0.8125rem;
    542542}
    543543
    544 .editor-block-list__block .wp-block-quote.alignleft p:last-of-type,
    545 .editor-block-list__block .wp-block-quote.alignright p:last-of-type {
     544.wp-block-quote.alignleft p:last-of-type,
     545.wp-block-quote.alignright p:last-of-type {
    546546    margin-bottom: 0;
    547547}
    … …  
    558558
    559559@media screen and (min-width: 30em) {
    560     .editor-block-list__block .wp-block-quote.alignleft p,
    561     .editor-block-list__block .wp-block-quote.alignright p,
    562     .editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation,
    563     .editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation,
    564     .editor-block-list__block .wp-block-quote footer {
     560    .wp-block-quote.alignleft p,
     561    .wp-block-quote.alignright p,
     562    .wp-block-quote.alignleft .wp-block-quote__citation,
     563    .wp-block-quote.alignright .wp-block-quote__citation,
     564    .wp-block-quote footer {
    565565        font-size: 14px;
    566566        font-size: 0.875rem;
    … …  
    569569
    570570@media screen and (min-width: 48em) {
    571     .editor-block-list__block .wp-block-quote.alignleft p,
    572     .editor-block-list__block .wp-block-quote.alignright p,
    573     .editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation,
    574     .editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation {
     571    .wp-block-quote.alignleft p,
     572    .wp-block-quote.alignright p,
     573    .wp-block-quote.alignleft .wp-block-quote__citation,
     574    .wp-block-quote.alignright .wp-block-quote__citation {
    575575        font-size: 13px;
    576576        font-size: 0.8125rem;
    577577    }
    578578
    579     .editor-block-list__block .wp-block-quote.alignleft {
     579    .wp-block-quote.alignleft {
    580580        margin-left: -17.5%;
    581581        width: 48%;
    582582    }
    583583
    584     .editor-block-list__block .wp-block-quote.alignright {
     584    .wp-block-quote.alignright {
    585585        margin-right: -17.5%;
    586586        width: 48%;
    … …  
    618618/* Code */
    619619
    620 .wp-block-code {
     620.wp-block-code {
    621621    border: 0;
    622622    padding: 0;
     623
    623624}
    624625
    … …  
    703704.rtl table.wp-block-table td {
    704705    text-align: right;
     706
     707
     708
     709
     710
     711
    705712}
    706713

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

    r46586 r50358  
    150150    line-height: 1.6;
    151151    margin-bottom: 1.6em;
    152     max-width: 100%;
    153152    overflow: auto;
    154153    padding: 1.6em;

  • trunk/src/wp-content/themes/twentysixteen/css/editor-blocks.css

    r49511 r50358  
    366366        width: calc(50% - 0.736842105em);
    367367    }
    368 
    369     .wp-block-quote:not(.alignleft):not(.alignright) {
    370         margin-left: -1.473684211em;
    371     }
    372 
    373     .rtl .wp-block-quote:not(.alignleft):not(.alignright) {
    374         margin-left: 0;
    375         margin-right: -1.473684211em;
    376     }
    377368}
    378369
    … …  
    411402/* Code */
    412403
    413 .wp-block-code {
     404.wp-block-code {
    414405    border: 0;
    415406    padding: 0.125em 0.25em;
     407
    416408}
    417409
    … …  
    536528}
    537529
     530
     531
     532
     533
     534
     535
    538536/*--------------------------------------------------------------
    5395375.0 Blocks - Layout Elements

  • trunk/src/wp-content/themes/twentysixteen/css/editor-style.css

    r44311 r50358  
    121121}
    122122
    123 blockquote:not(.alignleft):not(.alignright) {
    124     margin-left: -28px;
    125 }
    126 
    127123blockquote blockquote:not(.alignleft):not(.alignright) {
    128124    margin-left: 0;
    … …  
    189185    line-height: 1.3125;
    190186    margin: 0 0 28px;
    191     max-width: 100%;
    192187    overflow: auto;
    193188    padding: 14px;
    … …  
    520515
    521516.rtl blockquote:not(.alignleft):not(.alignright) {
    522     margin-right: -28px;
    523517    padding: 0 24px 0 0;
    524518}

  • trunk/src/wp-content/themes/twentythirteen/css/editor-blocks.css

    r49511 r50358  
    165165/* Code */
    166166
    167 .wp-block-freeform.block-library-rich-text__tinymce code {
     167.wp-block-freeform.block-library-rich-text__tinymce code,
     168.editor-styles-wrapper .wp-block-code {
    168169    background: transparent;
    169170}
    … …  
    221222    border-left: 0;
    222223    border-right: 0;
    223     padding-left: 0;
    224     padding-right: 0;
    225 }
    226 
    227 .wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body {
     224    padding-left: 40px;
     225    padding-right: 40px;
     226}
     227
     228.wp-block-quote .wp-block-quote__citation.editor-rich-text__tinymce.mce-content-body,
     229.wp-block-quote .wp-block-quote__citation {
    228230    color: inherit;
    229231    font-size: 16px;
    230232    font-style: italic;
     233
    231234    text-transform: uppercase;
    232235}
    … …  
    270273}
    271274
     275
     276
     277
     278
     279
     280
    272281/*--------------------------------------------------------------
    2732825.0 Blocks - Formatting
    … …  
    276285/* Code */
    277286
    278 .wp-block-code {
     287.wp-block-code {
    279288    border: 0;
    280289    padding: 0;

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

    r49510 r50358  
    620620    border-style: solid;
    621621    border-width: 0 2px 0 0;
    622     margin: 20px 0;
     622    margin-top: 20px;
     623    margin-bottom: 20px;
    623624    padding: 5px 20px 5px 0;
    624625}
    … …  
    879880.editor-styles-wrapper .wp-block-verse pre,
    880881.editor-styles-wrapper pre.wp-block-verse {
    881     font-size: 0.75em;
     882    font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
     883    font-size: 0.9em;
    882884}
    883885

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

    r49510 r50358  
    620620    border-style: solid;
    621621    border-width: 0 0 0 2px;
    622     margin: 20px 0;
     622    margin-top: 20px;
     623    margin-bottom: 20px;
    623624    padding: 5px 0 5px 20px;
    624625}
    … …  
    879880.editor-styles-wrapper .wp-block-verse pre,
    880881.editor-styles-wrapper pre.wp-block-verse {
    881     font-size: 0.75em;
     882    font-family: NonBreakingSpaceOverride, "Hoefler Text", Garamond, "Times New Roman", serif;
     883    font-size: 0.9em;
    882884}
    883885
Note: See TracChangeset for help on using the changeset viewer.