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

Timestamp:

01/26/2021 06:58:08 PM (6 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);