Current path: home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/frontend/5-modules/menu/
?? Go up: /home/webdevt/www/demo2/wp-content/themes/blocksy/static/sass/frontend/5-modules
.mobile-menu {
li {
&:hover > .ct-sub-menu-parent,
&.dropdown-active > .ct-sub-menu-parent,
&[class*='current-menu-'] > .ct-sub-menu-parent {
.ct-menu-link:not(.ct-disabled-link),
.ct-toggle-dropdown-mobile {
color: inherit;
}
}
&.dropdown-active > .ct-sub-menu-parent {
color: var(--theme-link-hover-color);
svg {
fill: var(--theme-icon-hover-color, var(--theme-link-hover-color));
}
}
}
&[data-submenu-dots="yes"] [class*='children'] > ul {
padding-inline-start: calc(30px * var(--has-indentation, 1));
li {
a {
&:not(:empty) {
&:before {
position: absolute;
content: '';
top: calc(50% - 2px);
inset-inline-start: -30px;
width: 3px;
height: calc(3px * var(--has-indentation, 1));
opacity: 0.3;
border-radius: 5px;
background: currentColor;
transition: opacity 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
background 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955),
width 0.12s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
}
}
a:hover,
&.dropdown-active > .ct-sub-menu-parent > a {
&:before {
opacity: 1;
width: 15px;
}
}
}
}
&[data-submenu-dots="no"] [class*='children'] > ul {
padding-inline-start: 20px;
}
// toggle
.ct-toggle-dropdown-mobile {
color: var(--theme-link-initial-color);
flex: 0 0 var(--toggle-button-size, 25px);
--toggle-button-size: 25px;
--toggle-button-margin-end: -5px;
--theme-icon-color: var(--theme-link-initial-color);
}
// toggle animation
.dropdown-active > .ct-sub-menu-parent {
.toggle-icon-1,
.toggle-icon-3 {
--toggle-icon-transform: rotate(-180deg);
}
.toggle-icon-2 {
--toggle-icon-transform: rotate(-45deg);
}
}
// toggle shape with border
&[data-toggle-type='type-2'] {
.ct-toggle-dropdown-mobile {
--toggle-button-margin-end: 0;
--toggle-button-radius: 3px;
--toggle-button-border-width: 1px;
--toggle-button-border-color: currentColor;
}
.toggle-icon-2 {
--theme-icon-size: 12px;
}
}
// border
> ul {
border-top: var(--mobile-menu-divider);
}
li,
.menu-item-has-children > a,
.dropdown-active > .ct-sub-menu-parent {
border-bottom: var(--mobile-menu-divider);
}
.sub-menu li:last-child {
border-bottom: none;
}
}