@dropdownmenu-prefix: ~"@{prefix}dropdownmenu";
.@{dropdownmenu-prefix} {
  display: inline-block;
  &-show{
    position: relative;
    &-toggle>:first-child{
      padding-right: 30px;
    }
    .rotate-icon-down();
    cursor: default;
  }
  
  &-group{
    padding: 10px 0;
  }

  &-item{
    .li-hover();
    font-size: 105%;
    padding: 5px 15px;
    position: relative;
    >i{
        margin-right: 5px;
    }
    &-divider{    
      height: 0;
      padding: 0;
      overflow: hidden;
      margin: 3px 0;
      border-top: @border;
    }
    &.disabled{
      color: gray;
    }
  }
}