Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-09-26 06:13:07 +02:00
Code Issues Projects Releases Wiki Activity

Twenty Twenty-One: Make transparent PNG logo visible on focus.

Browse Source 
This ensures a transparent logo remains visible while focused.

Props bduclos, poena, paaljoachim, hellofromTonya.
Fixes #52257.

Built from https://develop.svn.wordpress.org/trunk@50154


git-svn-id: http://core.svn.wordpress.org/trunk@49833 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
antpb 2021-02-02 18:29:05 +00:00
parent 87f1e31871
commit ea3a1d782a
11 changed files with 45 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
wp-content/themes/twentytwentyone/assets/css/ie-editor.css
View File

@ -379,6 +379,10 @@ a:hover {
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted #28303d;
}

13
wp-content/themes/twentytwentyone/assets/css/ie.css
View File

@ -2218,6 +2218,10 @@ a:hover {
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted #28303d;
}
@ -5402,15 +5406,6 @@ table.wp-calendar-table caption {
line-height: 1.4;
}
a.custom-logo-link {
text-decoration: none;
}
.has-background-white a.custom-logo-link:focus,
.is-dark-theme a.custom-logo-link:focus {
background: none;
}
.site-title > a {
text-decoration-color: #39414d;
}

5
wp-content/themes/twentytwentyone/assets/css/style-dark-mode-rtl.css
View File

@ -24,6 +24,11 @@
text-decoration: none;
}
.is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
.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 {
background: none;
}
.is-dark-theme.is-dark-theme img {
filter: brightness(0.85) contrast(1.1);
}

5
wp-content/themes/twentytwentyone/assets/css/style-dark-mode.css
View File

@ -24,6 +24,11 @@
text-decoration: none;
}
.is-dark-theme.is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus,
.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 {
background: none;
}
.is-dark-theme.is-dark-theme img {
filter: brightness(0.85) contrast(1.1);
}

4
wp-content/themes/twentytwentyone/assets/css/style-editor.css
View File

@ -514,6 +514,10 @@ a:hover {
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

7
wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss
View File

@ -52,6 +52,13 @@ a:hover {
}
}
&.custom-logo-link {
&:focus {
background: none;
}
}
img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}

12
wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss
View File

@ -77,18 +77,6 @@
line-height: 1.4;
}
a.custom-logo-link {
text-decoration: none;
&:focus {
// Change colors when the body background is white.
.has-background-white &,
.is-dark-theme & {
background: none;
}
}
}
.site-title > a {
text-decoration-color: var(--global--color-secondary);
}

7
wp-content/themes/twentytwentyone/assets/sass/style-dark-mode.scss
View File

@ -21,6 +21,13 @@
background: #000;
color: #fff;
text-decoration: none;
&.custom-logo-link {
&:focus {
background: none;
}
}
}
img {

13
wp-content/themes/twentytwentyone/style-rtl.css
View File

@ -1686,6 +1686,10 @@ a:hover {
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}
@ -3807,15 +3811,6 @@ table.wp-calendar-table caption {
line-height: 1.4;
}
a.custom-logo-link {
text-decoration: none;
}
.has-background-white a.custom-logo-link:focus,
.is-dark-theme a.custom-logo-link:focus {
background: none;
}
.site-title > a {
text-decoration-color: var(--global--color-secondary);
}

13
wp-content/themes/twentytwentyone/style.css
View File

@ -1696,6 +1696,10 @@ a:hover {
background-color: #f1f1f1;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link:focus {
background: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary));
}
@ -3827,15 +3831,6 @@ table.wp-calendar-table caption {
line-height: 1.4;
}
a.custom-logo-link {
text-decoration: none;
}
.has-background-white a.custom-logo-link:focus,
.is-dark-theme a.custom-logo-link:focus {
background: none;
}
.site-title > a {
text-decoration-color: var(--global--color-secondary);
}

2
wp-includes/version.php
View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.7-alpha-50153';
$wp_version = '5.7-alpha-50154';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.