WordPress.org
Get WordPress

Make WordPress Core

Changeset 58960


Ignore:
Timestamp:
08/31/2024 10:52:04 AM (6 weeks ago)
Author:
karmatosed
Message:

Twenty Twenty: Correct font-size for Code block and other preformatted elements.

The code block font-size was not the same in the editor and front. This sets it to 1em and corrects the value for preformatted elements along with adding border and padding in the editor for pre elements.

Props viralsampat, mi5t4n, brobken, sabernhardt.
Fixes #61845.

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

Legend:

Unmodified
Added
Removed

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

    r58908 r58960  
    326326.editor-styles-wrapper samp {
    327327    border-radius: 0;
    328     font-size: 0.75em;
     328    font-size: 0.9em;
    329329    padding: 4px 6px;
    330330}
    … …  
    335335    line-height: 1.5;
    336336    padding: 1em;
     337}
     338
     339.editor-styles-wrapper pre code {
     340    font-size: 1em;
    337341}
    338342
    … …  
    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;
    … …  
    731734    color: inherit;
    732735    font-family: monospace;
    733     font-size: 14px;
     736    font-size: 16px;
    734737}
    735738
    … …  
    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

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

    r58908 r58960  
    330330.editor-styles-wrapper samp {
    331331    border-radius: 0;
    332     font-size: 0.75em;
     332    font-size: 0.9em;
    333333    padding: 4px 6px;
    334334}
    … …  
    339339    line-height: 1.5;
    340340    padding: 1em;
     341}
     342
     343.editor-styles-wrapper pre code {
     344    font-size: 1em;
    341345}
    342346
    … …  
    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;
    … …  
    735738    color: inherit;
    736739    font-family: monospace;
    737     font-size: 14px;
     740    font-size: 16px;
    738741}
    739742
    … …  
    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

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

    r58909 r58960  
    596596pre code {
    597597    background: transparent;
     598    font-size: 1em;
    598599    padding: 0;
    599600}

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

    r58909 r58960  
    600600pre code {
    601601    background: transparent;
     602    font-size: 1em;
    602603    padding: 0;
    603604}
Note: See TracChangeset for help on using the changeset viewer.