Make WordPress Core

Ticket #53158: 53158.4.patch

File 53158.4.patch, 11.1 KB (added by sabernhardt, 4 years ago)

adding styles for left and right alignment; using child selector for any aligned pullquotes

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

     
    777777        width: 44px;
    778778}
    779779
    780 .editor-styles-wrapper .wp-block .wp-block-pullquote p {
     780.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     781.editor-styles-wrapper .wp-block-pullquote p {
    781782        font-family: inherit;
    782783        font-size: 28px;
    783784        font-weight: 700;
     
    786787        margin-bottom: 20px;
    787788}
    788789
    789 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
     790.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child,
     791.editor-styles-wrapper .wp-block-pullquote p:last-child {
    790792        margin-bottom: 0;
    791793}
    792794
    793795.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     796.editor-styles-wrapper .wp-block-pullquote p,
    794797.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    795798.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    796799.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
     
    804807}
    805808
    806809.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
    807 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
     810.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote,
     811.editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote,
     812.editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote.is-style-solid-color blockquote {
    808813        text-align: right;
    809814}
    810815
    811816.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
    812 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
     817.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote,
     818.editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote,
     819.editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote.is-style-solid-color blockquote {
    813820        text-align: left;
    814821}
    815822
     
    11421149                margin-top: 0;
    11431150        }
    11441151
    1145         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
    1146                 float: left;
    1147                 margin-right: 20px;
     1152        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
     1153        .editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote {
     1154                float: right;
     1155                margin-left: 20px;
    11481156                max-width: 260px;
    11491157        }
    11501158
    1151         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
    1152                 float: right;
    1153                 margin-left: 20px;
     1159        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit,
     1160        .editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote {
     1161                float: left;
     1162                margin-right: 20px;
    11541163                max-width: 260px;
    11551164        }
    11561165
    1157         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
     1166        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before,
     1167        .editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote::before {
    11581168                margin-left: 0;
    11591169        }
    11601170
    1161         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
     1171        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before,
     1172        .editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote::before {
    11621173                margin-right: 0;
    11631174        }
    11641175
     
    12951306        /* BLOCK: PULLQUOTE */
    12961307
    12971308        .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     1309        .editor-styles-wrapper .wp-block-pullquote p,
    12981310        .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    12991311        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    13001312        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
     
    13081320        }
    13091321
    13101322        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
    1311         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
     1323        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before,
     1324        .editor-styles-wrapper .wp-block[data-align="wide"] > .wp-block-pullquote::before,
     1325        .editor-styles-wrapper .wp-block[data-align="full"] > .wp-block-pullquote::before {
    13121326                font-size: 113px;
    13131327                height: 80px;
    13141328                margin-bottom: 20px;
     
    13261340        }
    13271341
    13281342        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
    1329         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
     1343        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p,
     1344        .editor-styles-wrapper .wp-block[data-align="wide"] > .wp-block-pullquote blockquote p,
     1345        .editor-styles-wrapper .wp-block[data-align="full"] > .wp-block-pullquote blockquote p {
    13301346                font-size: 48px;
    13311347                line-height: 1.203125;
    13321348        }
  • src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css

     
    777777        width: 44px;
    778778}
    779779
    780 .editor-styles-wrapper .wp-block .wp-block-pullquote p {
     780.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     781.editor-styles-wrapper .wp-block-pullquote p {
    781782        font-family: inherit;
    782783        font-size: 28px;
    783784        font-weight: 700;
     
    786787        margin-bottom: 20px;
    787788}
    788789
    789 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child {
     790.editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child,
     791.editor-styles-wrapper .wp-block-pullquote p:last-child {
    790792        margin-bottom: 0;
    791793}
    792794
    793795.editor-styles-wrapper .wp-block .wp-block-pullquote p,
     796.editor-styles-wrapper .wp-block-pullquote p,
    794797.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    795798.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    796799.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
     
    804807}
    805808
    806809.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote,
    807 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote {
     810.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote,
     811.editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote,
     812.editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote.is-style-solid-color blockquote {
    808813        text-align: left;
    809814}
    810815
    811816.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote,
    812 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote {
     817.editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote,
     818.editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote,
     819.editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote.is-style-solid-color blockquote {
    813820        text-align: right;
    814821}
    815822
     
    11421149                margin-top: 0;
    11431150        }
    11441151
    1145         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit {
     1152        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit,
     1153        .editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote {
     1154
     1155                /*rtl:begin:ignore*/
    11461156                float: right;
    11471157                margin-left: 20px;
     1158
     1159                /*rtl:end:ignore*/
    11481160                max-width: 260px;
    11491161        }
    11501162
    1151         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit {
     1163        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit,
     1164        .editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote {
     1165
     1166                /*rtl:begin:ignore*/
    11521167                float: left;
    11531168                margin-right: 20px;
     1169
     1170                /*rtl:end:ignore*/
    11541171                max-width: 260px;
    11551172        }
    11561173
    1157         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before {
     1174        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before,
     1175        .editor-styles-wrapper .wp-block[data-align="right"] > .wp-block-pullquote::before {
    11581176                margin-right: 0;
    11591177        }
    11601178
    1161         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before {
     1179        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before,
     1180        .editor-styles-wrapper .wp-block[data-align="left"] > .wp-block-pullquote::before {
    11621181                margin-left: 0;
    11631182        }
    11641183
     
    12951314        /* BLOCK: PULLQUOTE */
    12961315
    12971316        .editor-styles-wrapper .wp-block .wp-block-pullquote p,
     1317        .editor-styles-wrapper .wp-block-pullquote p,
    12981318        .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p,
    12991319        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p,
    13001320        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p {
     
    13081328        }
    13091329
    13101330        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before,
    1311         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before {
     1331        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before,
     1332        .editor-styles-wrapper .wp-block[data-align="wide"] > .wp-block-pullquote::before,
     1333        .editor-styles-wrapper .wp-block[data-align="full"] > .wp-block-pullquote::before {
    13121334                font-size: 113px;
    13131335                height: 80px;
    13141336                margin-bottom: 20px;
     
    13261348        }
    13271349
    13281350        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p,
    1329         .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p {
     1351        .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p,
     1352        .editor-styles-wrapper .wp-block[data-align="wide"] > .wp-block-pullquote blockquote p,
     1353        .editor-styles-wrapper .wp-block[data-align="full"] > .wp-block-pullquote blockquote p {
    13301354                font-size: 48px;
    13311355                line-height: 1.203125;
    13321356        }