WordPress.org
Get WordPress

Make WordPress Core

Ticket #61082: 61082.diff

File 61082.diff, 8.2 KB (added by sabernhardt, 15 months ago)

checks block for special font size before applying default, uses inherit for nested elements, and copies front-end styles to the editor stylesheet

  • src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css

     
    10031003        padding: 20px;
    10041004}
    10051005
    1006 .wp-block-latest-comments,
     1006.wp-block-latest-comments {
     1007        padding-left: 0;
     1008}
     1009
     1010.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
     1011        font-size: 1.125rem;
     1012}
     1013
     1014.wp-block-latest-comments .wp-block-latest-comments__comment {
     1015        line-height: 1.7;
     1016
     1017        /* Vertical margins logic */
     1018        margin-top: 30px;
     1019        margin-bottom: 30px;
     1020}
     1021
     1022.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
     1023        margin-top: 0;
     1024}
     1025
     1026.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
     1027        margin-bottom: 0;
     1028}
     1029
     1030.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     1031        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
     1032}
     1033
     1034.wp-block-latest-comments .wp-block-latest-comments__comment-date {
     1035        color: inherit;
     1036        font-size: inherit;
     1037}
     1038
     1039.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     1040        font-size: inherit;
     1041        line-height: 1.7;
     1042        margin: 0;
     1043}
     1044
    10071045.wp-block-latest-posts {
    10081046        padding-left: 0;
    10091047}

  • src/wp-content/themes/twentytwentyone/assets/css/ie.css

     
    25032503        padding-left: 0;
    25042504}
    25052505
     2506.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
     2507        font-size: 1.125rem;
     2508}
     2509
    25062510.wp-block-latest-comments .wp-block-latest-comments__comment {
    2507         font-size: 1.125rem;
    25082511        line-height: 1.7;
    25092512
    25102513        /* Vertical margins logic */
    … …  
    25252528}
    25262529
    25272530.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    2528         color: #28303d;
    2529         font-size: 1.125rem;
     2531        color: inherit;
     2532        font-size: inherit;
    25302533}
    25312534
    25322535.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    2533         font-size: 1.125rem;
     2536        font-size: inherit;
    25342537        line-height: 1.7;
    25352538        margin: 0;
    25362539}

  • src/wp-content/themes/twentytwentyone/assets/css/style-editor.css

     
    11191119        padding-left: 0;
    11201120}
    11211121
     1122.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
     1123        font-size: var(--global--font-size-sm);
     1124}
     1125
     1126.wp-block-latest-comments .wp-block-latest-comments__comment {
     1127        line-height: var(--global--line-height-body);
     1128
     1129        /* Vertical margins logic */
     1130        margin-top: var(--global--spacing-vertical);
     1131        margin-bottom: var(--global--spacing-vertical);
     1132}
     1133
     1134.wp-block-latest-comments .wp-block-latest-comments__comment:first-child {
     1135        margin-top: 0;
     1136}
     1137
     1138.wp-block-latest-comments .wp-block-latest-comments__comment:last-child {
     1139        margin-bottom: 0;
     1140}
     1141
     1142.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
     1143        font-family: var(--heading--font-family);
     1144}
     1145
     1146.wp-block-latest-comments .wp-block-latest-comments__comment-date {
     1147        color: inherit;
     1148        font-size: inherit;
     1149}
     1150
     1151.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
     1152        font-size: inherit;
     1153        line-height: var(--global--line-height-body);
     1154        margin: 0;
     1155}
     1156
    11221157.wp-block-latest-posts {
    11231158        padding-left: 0;
    11241159}

  • src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss

     
    11.wp-block-latest-comments {
    22        padding-left: 0;
     3
     4        &:where(:not([class*="-font-size"]):not([style*="font-size"])) .wp-block-latest-comments__comment {
     5                font-size: var(--global--font-size-sm);
     6        }
     7
     8        .wp-block-latest-comments__comment {
     9                line-height: var(--global--line-height-body);
     10
     11                /* Vertical margins logic */
     12                margin-top: var(--global--spacing-vertical);
     13                margin-bottom: var(--global--spacing-vertical);
     14
     15                &:first-child {
     16                        margin-top: 0;
     17                }
     18
     19                &:last-child {
     20                        margin-bottom: 0;
     21                }
     22        }
     23
     24        .wp-block-latest-comments__comment-meta {
     25                font-family: var(--heading--font-family);
     26        }
     27
     28        .wp-block-latest-comments__comment-date {
     29                color: inherit;
     30                font-size: inherit;
     31        }
     32
     33        .wp-block-latest-comments__comment-excerpt p {
     34                font-size: inherit;
     35                line-height: var(--global--line-height-body);
     36                margin: 0;
     37        }
    338}

  • src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_style.scss

     
    11.wp-block-latest-comments {
    22        padding-left: 0;
    33
     4        &:where(:not([class*="-font-size"]):not([style*="font-size"])) .wp-block-latest-comments__comment {
     5                font-size: var(--global--font-size-sm);
     6        }
     7
    48        .wp-block-latest-comments__comment {
    5                 font-size: var(--global--font-size-sm);
    69                line-height: var(--global--line-height-body);
    710
    811                /* Vertical margins logic */
    … …  
    2326        }
    2427
    2528        .wp-block-latest-comments__comment-date {
    26                 color: var(--global--color-primary);
    27                 font-size: var(--global--font-size-sm);
     29                color: inherit;
     30                font-size: inherit;
    2831        }
    2932
    3033        .wp-block-latest-comments__comment-excerpt p {
    31                 font-size: var(--global--font-size-sm);
     34                font-size: inherit;
    3235                line-height: var(--global--line-height-body);
    3336                margin: 0;
    3437        }

  • src/wp-content/themes/twentytwentyone/style-rtl.css

     
    23392339        padding-right: 0;
    23402340}
    23412341
     2342.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
     2343        font-size: var(--global--font-size-sm);
     2344}
     2345
    23422346.wp-block-latest-comments .wp-block-latest-comments__comment {
    2343         font-size: var(--global--font-size-sm);
    23442347        line-height: var(--global--line-height-body);
    23452348
    23462349        /* Vertical margins logic */
    … …  
    23612364}
    23622365
    23632366.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    2364         color: var(--global--color-primary);
    2365         font-size: var(--global--font-size-sm);
     2367        color: inherit;
     2368        font-size: inherit;
    23662369}
    23672370
    23682371.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    2369         font-size: var(--global--font-size-sm);
     2372        font-size: inherit;
    23702373        line-height: var(--global--line-height-body);
    23712374        margin: 0;
    23722375}

  • src/wp-content/themes/twentytwentyone/style.css

     
    23492349        padding-left: 0;
    23502350}
    23512351
     2352.wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment {
     2353        font-size: var(--global--font-size-sm);
     2354}
     2355
    23522356.wp-block-latest-comments .wp-block-latest-comments__comment {
    2353         font-size: var(--global--font-size-sm);
    23542357        line-height: var(--global--line-height-body);
    23552358
    23562359        /* Vertical margins logic */
    … …  
    23712374}
    23722375
    23732376.wp-block-latest-comments .wp-block-latest-comments__comment-date {
    2374         color: var(--global--color-primary);
    2375         font-size: var(--global--font-size-sm);
     2377        color: inherit;
     2378        font-size: inherit;
    23762379}
    23772380
    23782381.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
    2379         font-size: var(--global--font-size-sm);
     2382        font-size: inherit;
    23802383        line-height: var(--global--line-height-body);
    23812384        margin: 0;
    23822385}