File: /home/globfdxw/www/wp-content/plugins/ubermenu/assets/css/less/transitions.less
/* Transitions */
.ubermenu .ubermenu-item.ubermenu-in-transition > .ubermenu-submenu-drop,
.ubermenu .ubermenu-item.ubermenu-active.ubermenu-in-transition > .ubermenu-submenu-drop{
overflow:hidden !important;
height:auto;
}
// .ubermenu:not(.ubermenu-transition-slide) .ubermenu-item.ubermenu-in-transition > .ubermenu-submenu-drop,
// .ubermenu:not(.ubermenu-transition-slide) .ubermenu-item.ubermenu-active.ubermenu-in-transition > .ubermenu-submenu-drop{
// max-height:none; //all except slide down //may just need this for a specific transition type
// }
.ubermenu .ubermenu-item .ubermenu-submenu-drop{
-webkit-transition-duration:.3s;
-ms-transition-duration:.3s;
transition-duration:.3s;
-webkit-transition-timing-function: ease-in;
-ms-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
/* No Transition */
.ubermenu-transition-none .ubermenu-item .ubermenu-submenu-drop{
-webkit-transition:none;
-ms-transition:none;
transition:none;
top:auto;
}
.ubermenu-nojs.ubermenu-transition-none .ubermenu-item:hover > .ubermenu-submenu-drop,
.ubermenu-transition-none .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop{
max-height:none;
height:auto;
overflow-y:visible;
}
/* Slide Transition */
.ubermenu-transition-slide .ubermenu-item .ubermenu-submenu-drop{
-webkit-transition-property:max-height, visibility;
-ms-transition-property:max-height, visibility;
transition-property:max-height, visibility; /*max-height;*/
max-height:0;
top:auto;
}
.ubermenu-nojs.ubermenu-transition-slide .ubermenu-item:hover > .ubermenu-submenu-drop,
.ubermenu-transition-slide .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop{
max-height:1000px; /* just for animation timing */
}
/* Fade Transition */
.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop{
opacity:0;
-webkit-transition-property:opacity, visibility;
-ms-transition-property:opacity, visibility;
transition-property:opacity, visibility;
top:auto;
margin-top:1px;
}
.ubermenu-nojs.ubermenu-transition-fade .ubermenu-item:hover > .ubermenu-submenu-drop,
.ubermenu-transition-fade .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop{
opacity:1;
top:auto;
}
/* Shift Up Transition */
.ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop{
margin-top:20px;
top:auto;
opacity:0;
-webkit-transition-property:margin-top, opacity, visibility;
-ms-transition-property:margin-top, opacity, visibility;
transition-property:margin-top, opacity, visibility; /* Including visibility really matters */
}
.ubermenu-nojs.ubermenu-transition-shift .ubermenu-item:hover > .ubermenu-submenu-drop,
.ubermenu-transition-shift .ubermenu-item.ubermenu-active > .ubermenu-submenu-drop{
margin-top:0;
opacity:1;
}
/* Mega */
.ubermenu.ubermenu-transition-slide .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega,
.ubermenu:not(.ubermenu-transition-slide) .ubermenu-submenu.ubermenu-submenu-type-mega{
max-height:600px;
overflow-y:auto; // !important; removed because it forces scrollbar to show in Windows
-webkit-overflow-scrolling: touch;
}
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item > .ubermenu-submenu.ubermenu-submenu-type-mega{
overflow:hidden; //Chrome on Windows needs to know that there won't be any overflow, otherwise it'll worry
}
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active > .ubermenu-submenu.ubermenu-submenu-type-mega{
max-height:none;
}