nav.mm-paged-menu {
*:focus {
outline: none;
}
.wp-block-navigation__responsive-container-open:focus {
outline: none;
}
.mm-submenu-open, .mm-submenu-close {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open {
.wp-block-navigation__responsive-close, .wp-block-navigation__responsive-dialog, .wp-block-navigation__responsive-container-content {
height: 100%;
}
.mm-paged-menu {
width: 100%;
height: 100%;
.wp-block-navigation-item {
position: static;
}
&.items-justified-left .wp-block-navigation-item {
width: 100%;
}
li.has-child {
flex-direction: row;
align-items: center;
justify-content: space-between;
ul.wp-block-navigation__submenu-container {
position: absolute;
left: 0;
top: 0;
padding-left: 0;
padding-top: 0;
background-color: #fff !important;
width: 100%;
height: 100%;
.wp-block-navigation-item__content {
padding-left: 0;
}
}
&:not(.mm-is-submenu-opened) ul.wp-block-navigation__submenu-container {
display: none;
}
.mm-submenu-open {
display: inline;
background: transparent;
border: none;
cursor: pointer;
line-height: 1;
padding: 0;
color: inherit;
}
.mm-submenu-close {
display: flex;
border: none;
background: transparent;
font-family: inherit;
font-size: inherit;
font-weight: bold;
padding: 0;
align-items: center;
justify-content: start;
gap: 2em;
margin-bottom: 0.9em;
color: inherit;
}
}
}
&.has-accent-1-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--accent-1) !important;
}
&.has-accent-2-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--accent-2) !important;
}
&.has-accent-3-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--accent-3) !important;
}
&.has-accent-4-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--accent-4) !important;
}
&.has-accent-5-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--accent-5) !important;
}
&.has-base-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--base) !important;
}
&.has-black-background-color .mm-paged-menu li.has-child ul.wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--black) !important;
}
}
}