Make WordPress Core

Ticket #53158: 53158.patch

File 53158.patch, 3.1 KB (added by tomjdevisser, 3 years ago)

Some parent divs had .wp-block and some didn't. I couldn't find where to add it, so I removed it in the style selectors as it wasn't necessary anyway. The front-end also used rem values, but a font-size on the html element of 62.5%, so I recalculated the rem values for the admin styles.

  • assets/css/editor-style-block.css

    diff --git a/assets/css/editor-style-block.css b/assets/css/editor-style-block.css
    index 676efe9..c8ae3a5 100644
    a b hr.wp-block-separator.is-style-dots::before { 
    777777        width: 44px;
    778778}
    779779
    780 .editor-styles-wrapper .wp-block .wp-block-pullquote p {
     780.editor-styles-wrapper .wp-block-pullquote p {
    781781        font-family: inherit;
    782782        font-size: 28px;
    783783        font-weight: 700;
    hr.wp-block-separator.is-style-dots::before { 
    786786        margin-bottom: 20px;
    787787}
    788788
    789 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
     789.editor-styles-wrapper .wp-block-pullquote p:last-child {
    790790        margin-bottom: 0;
    791791}
    792792
    793 .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     793.editor-styles-wrapper .wp-block-pullquote p,
    794794.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    795795.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    796796.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
    797797        font-size: 28px;
    798798}
    799799
     800.editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-pullquote blockquote p,
     801.editor-styles-wrapper .wp-block[data-align="full"] .wp-block-pullquote blockquote p {
     802        font-size: 3rem;
     803}
     804
    800805.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
    801806.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] {
    802807        height: auto;
    hr.wp-block-separator.is-style-dots::before { 
    10991104        }
    11001105
    11011106        .editor-styles-wrapper .wp-block[data-align="left"] {
    1102                 margin: 0;
     1107                margin-left: 0;
    11031108        }
    11041109
    11051110        /* BLOCK: COVER */
    hr.wp-block-separator.is-style-dots::before { 
    12981303        .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    12991304        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    13001305        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
    1301                 font-size: 32px;
     1306                font-size: 28px;
    13021307        }
    13031308
    13041309        .editor-styles-wrapper .wp-block-pullquote__citation,
    hr.wp-block-separator.is-style-dots::before { 
    13331338
    13341339        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p,
    13351340        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p {
    1336                 font-size: 32px;
     1341                font-size: 28px;
    13371342                line-height: 1.1875;
    13381343        }
    13391344
    hr.wp-block-separator.is-style-dots::before { 
    14041409                padding: 90px 40px 80px;
    14051410        }
    14061411
    1407         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
    1408         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
    1409                 font-size: 64px;
     1412        .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-pullquote blockquote p,
     1413        .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-pullquote blockquote p {
     1414                font-size: 4rem;
    14101415        }
    14111416
     1417
     1418
    14121419        /* BLOCK: SEPARATOR */
    14131420
    14141421        hr.wp-block-separator.is-style-wide {