WordPress.org
Get WordPress

Make WordPress Core

Ticket #56487: 56487-tt-border.diff

File 56487-tt-border.diff, 7.7 KB (added by poena, 3 years ago)

Twenty Twenty Add border color support

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

     
    510510        margin-top: 0.15em;
    511511}
    512512
    513 
    514513/* Block: Table ------------------------------ */
    515514
    516515.editor-styles-wrapper .wp-block-table {
    … …  
    522521        width: 100%;
    523522}
    524523
    525 .editor-styles-wrapper .wp-block-table,
    526 .editor-styles-wrapper .wp-block-table * {
    527         border-color: #dcd7ca;
    528 }
    529 
    530 .editor-styles-wrapper .wp-block-table tr {
    531         border: none;
    532 }
    533 
    534524.editor-styles-wrapper .wp-block-table caption {
    535525        background: #dcd7ca;
    536526        text-align: center;

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

     
    514514        margin-top: 0.15em;
    515515}
    516516
    517 
    518517/* Block: Table ------------------------------ */
    519518
    520519.editor-styles-wrapper .wp-block-table {
    … …  
    526525        width: 100%;
    527526}
    528527
    529 .editor-styles-wrapper .wp-block-table,
    530 .editor-styles-wrapper .wp-block-table * {
    531         border-color: #dcd7ca;
    532 }
    533 
    534 .editor-styles-wrapper .wp-block-table tr {
    535         border: none;
    536 }
    537 
    538528.editor-styles-wrapper .wp-block-table caption {
    539529        background: #dcd7ca;
    540530        text-align: center;

  • src/wp-content/themes/twentytwenty/functions.php

     
    138138        // Add theme support for selective refresh for widgets.
    139139        add_theme_support( 'customize-selective-refresh-widgets' );
    140140
     141        add_theme_support( 'appearance-tools' );
     142
    141143        /*
    142144         * Adds `async` and `defer` support for scripts registered or enqueued
    143145         * by the theme.

  • src/wp-content/themes/twentytwenty/inc/custom-css.php

     
    139139
    140140                        // Borders color.
    141141                        if ( $borders && $borders !== $borders_default ) {
    142                                 twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-code, .editor-styles-wrapper pre, .editor-styles-wrapper .wp-block-preformatted pre, .editor-styles-wrapper .wp-block-verse pre, .editor-styles-wrapper fieldset, .editor-styles-wrapper .wp-block-table, .editor-styles-wrapper .wp-block-table *, .editor-styles-wrapper .wp-block-table.is-style-stripes, .editor-styles-wrapper .wp-block-latest-posts.is-grid li', 'border-color', $borders );
     142                                twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-code, .editor-styles-wrapper pre, .editor-styles-wrapper .wp-block-preformatted pre, .editor-styles-wrapper .wp-block-verse pre, .editor-styles-wrapper fieldset, .editor-styles-wrapper .wp-block-table table:not(.has-border-color), .editor-styles-wrapper .wp-block-table table:not(.has-border-color) *, .editor-styles-wrapper .wp-block-table.is-style-stripes, .editor-styles-wrapper .wp-block-latest-posts.is-grid li', 'border-color', $borders );
    143143                                twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-table caption, .editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd)', 'background-color', $borders );
    144144                        }
    145145

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

     
    898898/* Tables ------------------------------------ */
    899899
    900900table {
    901         border: 0.1rem solid #dcd7ca;
     901        border-width: 0.1rem;
     902        border-style: solid;
     903        border-color: #dcd7ca;
    902904        border-collapse: collapse;
    903905        border-spacing: 0;
    904906        empty-cells: show;
    … …  
    27402742        color: #fff;
    27412743}
    27422744
     2745:root .has-accent-border-color {
     2746        border-color: #cd2653;
     2747}
     2748
    27432749:root .has-primary-color {
    27442750        color: #000;
    27452751}
    … …  
    27492755        color: #f5efe0;
    27502756}
    27512757
     2758:root .has-primary-border-color {
     2759        border-color: #000;
     2760}
     2761
    27522762:root .has-secondary-color {
    27532763        color: #6d6d6d;
    27542764}
    … …  
    27582768        color: #fff;
    27592769}
    27602770
     2771:root .has-secondary-border-color {
     2772        border-color: #6d6d6d;
     2773}
     2774
    27612775:root .has-subtle-background-color {
    27622776        color: #dcd7ca;
    27632777}
    … …  
    27672781        color: #000;
    27682782}
    27692783
     2784:root .has-subtle-background-border-color {
     2785        border-color: #dcd7ca;
     2786}
     2787
    27702788:root .has-background-color {
    27712789        color: #f5efe0;
    27722790}
    … …  
    27762794        color: #000;
    27772795}
    27782796
     2797:root .has-background-border-color {
     2798        border-color: #f5efe0;
     2799}
    27792800
    27802801/* Block Typography Classes ------------------ */
    27812802
    … …  
    31633184
    31643185/* Block: Image ------------------------------ */
    31653186
     3187/* Block: Post Featured Image ---------------- */
     3188
     3189.wp-block-post-featured-image img {
     3190        border-style: solid;
     3191        border-color: inherit;
     3192        border-width: inherit;
     3193}
     3194
    31663195/* Block: Media And Text --------------------- */
    31673196
    31683197.wp-block-media-text .wp-block-media-text__content {
    … …  
    33403369
    33413370/* Block: Table ------------------------------ */
    33423371
     3372/*
     3373 * Override the block library CSS because it prevents
     3374 * the theme's default and generated colors from showing:
     3375 */
     3376.wp-block-table table:not(.has-border-color) td,
     3377.wp-block-table table:not(.has-border-color) th {
     3378        border-color: inherit;
     3379}
     3380
    33433381.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    33443382        background: #dcd7ca;
    33453383}

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

     
    904904/* Tables ------------------------------------ */
    905905
    906906table {
    907         border: 0.1rem solid #dcd7ca;
     907        border-width: 0.1rem;
     908        border-style: solid;
     909        border-color: #dcd7ca;
    908910        border-collapse: collapse;
    909911        border-spacing: 0;
    910912        empty-cells: show;
    … …  
    27562758        color: #fff;
    27572759}
    27582760
     2761:root .has-accent-border-color {
     2762        border-color: #cd2653;
     2763}
     2764
    27592765:root .has-primary-color {
    27602766        color: #000;
    27612767}
    … …  
    27652771        color: #f5efe0;
    27662772}
    27672773
     2774:root .has-primary-border-color {
     2775        border-color: #000;
     2776}
     2777
    27682778:root .has-secondary-color {
    27692779        color: #6d6d6d;
    27702780}
    … …  
    27742784        color: #fff;
    27752785}
    27762786
     2787:root .has-secondary-border-color {
     2788        border-color: #6d6d6d;
     2789}
     2790
    27772791:root .has-subtle-background-color {
    27782792        color: #dcd7ca;
    27792793}
    … …  
    27832797        color: #000;
    27842798}
    27852799
     2800:root .has-subtle-background-border-color {
     2801        border-color: #dcd7ca;
     2802}
     2803
    27862804:root .has-background-color {
    27872805        color: #f5efe0;
    27882806}
    … …  
    27922810        color: #000;
    27932811}
    27942812
     2813:root .has-background-border-color {
     2814        border-color: #f5efe0;
     2815}
    27952816
    27962817/* Block Typography Classes ------------------ */
    27972818
    … …  
    31833204
    31843205/* Block: Image ------------------------------ */
    31853206
     3207/* Block: Post Featured Image ---------------- */
     3208
     3209.wp-block-post-featured-image img {
     3210        border-style: solid;
     3211        border-color: inherit;
     3212        border-width: inherit;
     3213}
     3214
    31863215/* Block: Media And Text --------------------- */
    31873216
    31883217.wp-block-media-text .wp-block-media-text__content {
    … …  
    33603389
    33613390/* Block: Table ------------------------------ */
    33623391
     3392/*
     3393 * Override the block library CSS because it prevents
     3394 * the theme's default and generated colors from showing:
     3395 */
     3396.wp-block-table table:not(.has-border-color) td,
     3397.wp-block-table table:not(.has-border-color) th {
     3398        border-color: inherit;
     3399}
     3400
    33633401.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    33643402        background: #dcd7ca;
    33653403}