Changeset 55088 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss

Timestamp:

01/18/2023 01:31:16 PM (2 years ago)

Author:

audrasjb

Message:

Twenty Twenty-One: Fix obsolete navigation block styles for better Global Styles support.

This changeset removes CSS custom properties that targets navigation menu items to avoid preventing the block from inheriting padding values set by the Global Styles system.

Props Joen, desrosj, poena.
Fixes #53220.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss (modified) (3 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/navigation/_style.scss

@@ -2 +2 @@
 
     .wp-block-navigation-link {
-        padding: 0;
-
-        .wp-block-navigation-link__content {
-            padding: var(--primary-nav--padding);
-        }
-
         .wp-block-navigation-link__label {
             font-family: var(--primary-nav--font-family);
@@ -31 +25 @@
                 border: none;
                 left: 0;
-                margin-left: var(--primary-nav--padding);
                 min-width: max-content;
                 opacity: 0;
@@ -38 +31 @@
                 top: inherit;
 
-                .wp-block-navigation-link {
-
-                    .wp-block-navigation-link__content {
-                        display: inline-block;
-                        padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding);
-                    }
-                }
-
                 .wp-block-navigation-link__submenu-icon {
                     display: none;
-                }
-            }
-
-            &:hover,
-            &:focus-within {
-
-                .wp-block-navigation__container {
-                    display: block;
-                    opacity: 1;
-                    visibility: visible;
                 }
             }