Changeset 50026 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss

Timestamp:

01/26/2021 06:58:08 PM (4 years ago)

Author:

SergeyBiryukov

Message:

Twenty Twenty-One: Correct colors for the Menu button.

As per design, the background should be transparent and the text should be dark grey, not vice versa.

Follow-up to [49987].

Props poena.
Fixes #52374. See #51927.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/06-components/navigation.scss

@@ -11 +11 @@
     padding-bottom: calc(0.25 * var(--global--spacing-vertical));
 
+    @include media(mobile-only) {
+        display: flex;
+    }
+
+    // Override specificity from default button styles.
     #primary-mobile-menu {
+        display: flex;
         margin-left: auto;
         padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal));
-    }
-
-    @include media(mobile-only) {
-        display: flex;
-    }
-
-    // Override specificty from default button styles.
-    .button.button {
-        display: flex;
         font-size: var(--primary-nav--font-size-button);
         font-weight: var(--primary-nav--font-weight-button);