WordPress.org

Make WordPress Core

Changeset 50358


Ignore:
Timestamp:
02/16/2021 06:57:31 PM (8 months 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.editor-styles-wrapper .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/* Verse */
     375
     376.editor-styles-wrapper .wp-block-verse {
     377    font-family: inherit;
    369378}
    370379
  • trunk/src/wp-content/themes/twentyfifteen/css/editor-blocks.css

    r49511 r50358  
    636636/* Code */
    637637
    638 .wp-block-code,
     638.editor-styles-wrapper .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/* Verse */
     710
     711.editor-styles-wrapper .wp-block-verse {
     712    font-family: inherit;
    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 (Added specficity required to override TinyMCE styles) */
     354
     355.editor-styles-wrapper .wp-block-code {
    356356    border: 0;
    357357    padding: 0;
     
    392392}
    393393
     394/* Verse */
     395
     396.editor-styles-wrapper .wp-block-verse {
     397    font-family: inherit;
     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.editor-styles-wrapper .wp-block-code {
    621621    border: 0;
    622622    padding: 0;
     623    background-color: transparent;
    623624}
    624625
     
    703704.rtl table.wp-block-table td {
    704705    text-align: right;
     706}
     707
     708/* Verse */
     709
     710.editor-styles-wrapper .wp-block-verse {
     711    font-family: inherit;
    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.editor-styles-wrapper .wp-block-code {
    414405    border: 0;
    415406    padding: 0.125em 0.25em;
     407    background-color: #d1d1d1;
    416408}
    417409
     
    536528}
    537529
     530/* Verse */
     531
     532.editor-styles-wrapper .wp-block-verse {
     533    font-family: inherit;
     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    font-weight: normal;
    231234    text-transform: uppercase;
    232235}
     
    270273}
    271274
     275/* Verse */
     276
     277.editor-styles-wrapper .wp-block-verse {
     278    font-family: inherit;
     279}
     280
    272281/*--------------------------------------------------------------
    2732825.0 Blocks - Formatting
     
    276285/* Code */
    277286
    278 .wp-block-code {
     287.editor-styles-wrapper .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.