Changeset 50423 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss

Timestamp:

02/23/2021 08:15:02 PM (4 years ago)

Author:

adamsilverstein

Message:

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

This ensures a transparent logo remains visible while focused. Also cleans up dark mode CSS, consolidating styles and removing overrides that are no longer needed.

Follow up to [50154].

Props poena, sabernhardt, ryelle.
Fixes #52257.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/04-elements/links.scss (modified) (2 diffs)

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

@@ -26 +26 @@
 
     // Change text color when the body background is dark.
-    .is-dark-theme &,
-    .is-dark-theme & .meta-nav {
-        color: var(--wp--style--color--link, var(--global--color-background));
+    .is-dark-theme & {
+        background: var(--global--color-black);
+        color: var(--global--color-white);
+        text-decoration: none;
+
+        .meta-nav {
+            color: var(--wp--style--color--link, var(--global--color-white));
+        }
     }
 
@@ -54 +59 @@
 
     &.custom-logo-link {
-
-        &:focus {
-            background: none;
-        }
+        background: none;
     }