@function black($opacity){
  @return rgba(0,0,0,$opacity);
}

@function white($opacity){
  @return rgba(255,255,255,$opacity);
}

// ------------------------------------ Common ------------------------------------ //

.menu-list, .menu-dropdown, .menu-collapsible{


  // active item

  .item-active{
    .menu-item-label-text{
      &:before{
        content: "> ";
      }
    }
  }

  // menu item

  .menu-item-label-wrapper{
    display: inline-block;
  }

  // toggle icons

  .menu-items-toggle{
    display: none;
    border-radius: 100%;
    border: 1px solid white(0.3);
    &:hover{
      background: white(0.1);
    }
  }

  .menu-icon{
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    svg{
      display: block;
      width: 14px;
      height: 14px;
      fill: currentColor;
    }
  }

}