Make WordPress Core

Ticket #61845: 61845.em.diff

File 61845.em.diff, 3.7 KB (added by sabernhardt, 7 weeks ago)

Uses 0.9em for preformatted elements with latest WordPress, assigns 16px for older editor, adds border

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

     
    325325.editor-styles-wrapper pre,
    326326.editor-styles-wrapper samp {
    327327        border-radius: 0;
    328         font-size: 0.75em;
     328        font-size: 0.9em;
    329329        padding: 4px 6px;
    330330}
    331331
     
    336336        padding: 1em;
    337337}
    338338
     339.editor-styles-wrapper pre code {
     340        font-size: 1em;
     341}
    339342
     343
    340344/* Custom Text Sizes ------------------------- */
    341345
    342346.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
     
    715719        color: inherit;
    716720}
    717721
    718 .editor-styles-wrapper .wp-block-code,
    719 .editor-styles-wrapper .wp-block-preformatted pre,
    720 .editor-styles-wrapper .wp-block-verse pre {
     722.editor-styles-wrapper pre,
     723.editor-styles-wrapper .wp-block-code {
    721724        border: 1px solid #dcd7ca;
    722725        border-radius: 0;
    723726        padding: 30px;
     
    730733        background: transparent;
    731734        color: inherit;
    732735        font-family: monospace;
    733         font-size: 14px;
     736        font-size: 16px;
    734737}
    735738
    736739/* Block: Cover ------------------------------ */
     
    13371340                font-size: 17px;
    13381341        }
    13391342
    1340         /* BLOCK: CODE */
    1341 
    1342         .editor-styles-wrapper .wp-block-preformatted pre,
    1343         .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
    1344         .editor-styles-wrapper .wp-block-verse pre {
    1345                 font-size: 16px;
    1346         }
    1347 
    13481343        /* BLOCK: COLUMNS */
    13491344
    13501345        .wp-block-column {
  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

     
    329329.editor-styles-wrapper pre,
    330330.editor-styles-wrapper samp {
    331331        border-radius: 0;
    332         font-size: 0.75em;
     332        font-size: 0.9em;
    333333        padding: 4px 6px;
    334334}
    335335
     
    340340        padding: 1em;
    341341}
    342342
     343.editor-styles-wrapper pre code {
     344        font-size: 1em;
     345}
    343346
     347
    344348/* Custom Text Sizes ------------------------- */
    345349
    346350.editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce,
     
    719723        color: inherit;
    720724}
    721725
    722 .editor-styles-wrapper .wp-block-code,
    723 .editor-styles-wrapper .wp-block-preformatted pre,
    724 .editor-styles-wrapper .wp-block-verse pre {
     726.editor-styles-wrapper pre,
     727.editor-styles-wrapper .wp-block-code {
    725728        border: 1px solid #dcd7ca;
    726729        border-radius: 0;
    727730        padding: 30px;
     
    734737        background: transparent;
    735738        color: inherit;
    736739        font-family: monospace;
    737         font-size: 14px;
     740        font-size: 16px;
    738741}
    739742
    740743/* Block: Cover ------------------------------ */
     
    13411344                font-size: 17px;
    13421345        }
    13431346
    1344         /* BLOCK: CODE */
    1345 
    1346         .editor-styles-wrapper .wp-block-preformatted pre,
    1347         .editor-styles-wrapper .wp-block-code .block-editor-plain-text,
    1348         .editor-styles-wrapper .wp-block-verse pre {
    1349                 font-size: 16px;
    1350         }
    1351 
    13521347        /* BLOCK: COLUMNS */
    13531348
    13541349        .wp-block-column {
  • src/wp-content/themes/twentytwenty/style-rtl.css

     
    595595
    596596pre code {
    597597        background: transparent;
     598        font-size: 1em;
    598599        padding: 0;
    599600}
    600601
  • src/wp-content/themes/twentytwenty/style.css

     
    599599
    600600pre code {
    601601        background: transparent;
     602        font-size: 1em;
    602603        padding: 0;
    603604}
    604605