WordPress.org
Get WordPress

Make WordPress Core

Ticket #52257: 52257.patch

File 52257.patch, 6.9 KB (added by poena, 4 years ago)

Remove background color when the custom logo link is in focus.

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

     
    379379        background-color: #f1f1f1;
    380380}
    381381
     382.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     383        background: none;
     384}
     385
    382386.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    383387        outline: 2px dotted #28303d;
    384388}

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

     
    22222222        background-color: #f1f1f1;
    22232223}
    22242224
     2225.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     2226        background: none;
     2227}
     2228
    22252229.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    22262230        outline: 2px dotted #28303d;
    22272231}
    … …  
    55535557        line-height: 1.4;
    55545558}
    55555559
    5556 a.custom-logo-link {
    5557         text-decoration: none;
    5558 }
    5559 
    5560 .has-background-white a.custom-logo-link:focus,
    5561 .is-dark-theme a.custom-logo-link:focus {
    5562         background: none;
    5563 }
    5564 
    55655560.site-title > a {
    55665561        text-decoration-color: #39414d;
    55675562}

  • wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css

     
    2424                text-decoration: none;
    2525        }
    2626
     27        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
     28        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav.custom-logo-link:focus {
     29                background: none;
     30        }
     31
    2732        .is-dark-theme.is-dark-theme img {
    2833                filter: brightness(0.85) contrast(1.1);
    2934        }

  • wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css

     
    2424                text-decoration: none;
    2525        }
    2626
     27        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
     28        .is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav.custom-logo-link:focus {
     29                background: none;
     30        }
     31
    2732        .is-dark-theme.is-dark-theme img {
    2833                filter: brightness(0.85) contrast(1.1);
    2934        }

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

     
    514514        background-color: #f1f1f1;
    515515}
    516516
     517.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     518        background: none;
     519}
     520
    517521.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    518522        outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    519523}

  • wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss

     
    5252                }
    5353        }
    5454
     55        &.custom-logo-link {
     56
     57                &:focus {
     58                        background: none;
     59                }
     60        }
     61
    5562        img {
    5663                outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    5764        }

  • wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss

     
    7777        line-height: 1.4;
    7878}
    7979
    80 a.custom-logo-link {
    81         text-decoration: none;
    82 
    83         &:focus {
    84                 // Change colors when the body background is white.
    85                 .has-background-white &,
    86                 .is-dark-theme & {
    87                         background: none;
    88                 }
    89         }
    90 }
    91 
    9280.site-title > a {
    9381        text-decoration-color: var(--global--color-secondary);
    9482}

  • wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss

     
    2121                        background: #000;
    2222                        color: #fff;
    2323                        text-decoration: none;
     24
     25                        &.custom-logo-link {
     26
     27                                &:focus {
     28                                        background: none;
     29                                }
     30                        }
    2431                }
    2532
    2633                img {

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

     
    16861686        background-color: #f1f1f1;
    16871687}
    16881688
     1689.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     1690        background: none;
     1691}
     1692
    16891693.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    16901694        outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    16911695}
    … …  
    38913895        line-height: 1.4;
    38923896}
    38933897
    3894 a.custom-logo-link {
    3895         text-decoration: none;
    3896 }
    3897 
    3898 .has-background-white a.custom-logo-link:focus,
    3899 .is-dark-theme a.custom-logo-link:focus {
    3900         background: none;
    3901 }
    3902 
    39033898.site-title > a {
    39043899        text-decoration-color: var(--global--color-secondary);
    39053900}

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

     
    16961696        background-color: #f1f1f1;
    16971697}
    16981698
     1699.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
     1700        background: none;
     1701}
     1702
    16991703.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    17001704        outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
    17011705}
    … …  
    39113915        line-height: 1.4;
    39123916}
    39133917
    3914 a.custom-logo-link {
    3915         text-decoration: none;
    3916 }
    3917 
    3918 .has-background-white a.custom-logo-link:focus,
    3919 .is-dark-theme a.custom-logo-link:focus {
    3920         background: none;
    3921 }
    3922 
    39233918.site-title > a {
    39243919        text-decoration-color: var(--global--color-secondary);
    39253920}