summaryrefslogtreecommitdiffstats
path: root/wp-includes/blocks/navigation/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/blocks/navigation/style.css')
-rw-r--r--wp-includes/blocks/navigation/style.css37
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;