una/modules/boonex/protean/data/template/system/css/menu.less

@import (reference) 'default.less';
@import '../../../../../../../template/css/menu.css';


/* --------------- custom menu */
.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .sys-icon,
.bx-menu-main-submenu.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn,
.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-submenu-more-auto .bx-menu-item .bx-btn {
    color: rgba(30, 150, 250, 0.9);
}

/* --------------- profile stats menu */
ul.bx-menu-ver.bx-menu-profile-stats li {
    margin-top: 0;

    border-top-width: 1px; 
}
ul.bx-menu-ver.bx-menu-profile-stats li > .bx-def-padding-thd-topbottom {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
ul.bx-menu-ver.bx-menu-profile-stats li > .bx-def-padding-sec-leftright {
    padding-left: 1.0rem;
    padding-right: 1.0rem;
}
ul.bx-menu-ver.bx-menu-profile-stats li > .bx-def-padding-sec-right {
    padding-right: 1.0rem;
}

ul.bx-menu-ver.bx-menu-profile-stats li.bx-menu-item-profile-stats-profile .bx-menu-addon .bx-def-label.menu {
    background-color: rgba(0,134,214, 1);
}


/*
 * Popup menus (vertical)
 *
 * ul.bx-menu-ver - Common vertical menus, like Timeline -> Share.
 * ul.bx-menu-custom.bx-menu-custom-ver - Other custom menus, like in Timeline cards.
 * ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto - Custom menus with Auto More functionality, like content view page -> Action buttons and Page Submenu on view profile pages.
 */
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto {
    margin: -1.0rem;
}
.bx-popup ul.bx-menu-ver,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver {
    margin: -1.25rem;
}
.bx-popup ul.bx-menu-ver li,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li {
    margin-top: 0;
    margin-bottom: 0;
    border-top: @bx-border-width @bx-border-type @bx-border-color-hr;
}
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item,
.bx-menu-custom.bx-menu-custom-hor.bx-menu-more-auto .bx-menu-item.bx-menu-item-more-auto .bx-popup .bx-menu-item {
    padding: 0;
    line-height: normal;
}
.bx-popup ul.bx-menu-ver li:first-child,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li:first-child {
    border-top-width: 0;
}
.bx-popup ul.bx-menu-ver li div.bx-def-padding-sec,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > .bx-def-margin-thd-topbottom {
    margin: 0;
    padding: 0.5rem 1.0rem;
}
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > span,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li > .bx-def-margin-thd-topbottom {
    margin: 0;
}
.bx-popup ul.bx-menu-ver li > a,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > a,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li > span > span > a,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-menu-item-link,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-element-holder,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li .bx-report-do-report {
    margin: 0;
    padding: 0;
}
.bx-popup ul.bx-menu-ver li a > div > span,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > span:not(.sys-action-do),
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-text {
    margin-left: 1.0rem;
    line-height: 1.5rem;
}
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver.bx-menu-submenu-more-auto li.bx-menu-item a {
    display: block;
    line-height: 1.5rem;
}
.bx-popup ul.bx-menu-ver li a > div img,
.bx-popup ul.bx-menu-ver li a > div .sys-icon,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > img,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a > .sys-icon,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-icon,
.bx-popup ul.bx-menu-custom.bx-menu-custom-ver li a span.sys-action-do-icon > .sys-icon {
    width: 1.0rem;
    height: 1.0rem;
    line-height: 1.0rem;
    font-size: 1.0rem;
}