diff options
Diffstat (limited to 'wp-includes/blocks/navigation/style.css')
-rw-r--r-- | wp-includes/blocks/navigation/style.css | 37 |
1 files changed, 13 insertions, 24 deletions
diff --git a/wp-includes/blocks/navigation/style.css b/wp-includes/blocks/navigation/style.css index 6c7ebaf..fd30aff 100644 --- a/wp-includes/blocks/navigation/style.css +++ b/wp-includes/blocks/navigation/style.css @@ -1,10 +1,10 @@ .wp-block-navigation{ + position:relative; --navigation-layout-justification-setting:flex-start; --navigation-layout-direction:row; --navigation-layout-wrap:wrap; --navigation-layout-justify:flex-start; --navigation-layout-align:center; - position:relative; } .wp-block-navigation ul{ margin-bottom:0; @@ -57,8 +57,8 @@ width:.6em; } .wp-block-navigation .wp-block-navigation__submenu-icon svg{ - stroke:currentColor; display:inline-block; + stroke:currentColor; height:inherit; margin-top:.075em; width:inherit; @@ -124,7 +124,7 @@ top:-1px; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ - background:transparent; + background:#0000; content:""; display:block; height:100%; @@ -139,23 +139,7 @@ transform:rotate(-90deg); } } -.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{ - height:auto; - min-width:200px; - opacity:1; - overflow:visible; - visibility:visible; - width:auto; -} -.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ - height:auto; - min-width:200px; - opacity:1; - overflow:visible; - visibility:visible; - width:auto; -} -.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container{ +.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{ height:auto; min-width:200px; opacity:1; @@ -184,7 +168,7 @@ } button.wp-block-navigation-item__content{ - background-color:transparent; + background-color:initial; border:none; color:currentColor; font-family:inherit; @@ -201,12 +185,17 @@ button.wp-block-navigation-item__content{ } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle{ + padding-left:0; padding-right:.85em; } .wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle+.wp-block-navigation__submenu-icon{ margin-left:-.6em; pointer-events:none; } + +.wp-block-navigation-item.open-on-click button.wp-block-navigation-item__content:not(.wp-block-navigation-submenu__toggle){ + padding:0; +} .wp-block-navigation .wp-block-page-list,.wp-block-navigation__container,.wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container,.wp-block-navigation__responsive-container-content,.wp-block-navigation__responsive-dialog{ gap:inherit; } @@ -234,7 +223,7 @@ button.wp-block-navigation-item__content{ .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{ background-color:#fff; - border:1px solid rgba(0,0,0,.15); + border:1px solid #00000026; } .wp-block-navigation.has-background .wp-block-navigation__submenu-container{ @@ -351,7 +340,7 @@ button.wp-block-navigation-item__content{ flex-direction:column; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item .wp-block-navigation__submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list{ - background:transparent !important; + background:#0000 !important; color:inherit !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{ @@ -388,7 +377,7 @@ button.wp-block-navigation-item__content{ } .wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open{ - background:transparent; + background:#0000; border:none; color:currentColor; cursor:pointer; |