@mixin menu-base {
  overflow: hidden;
  overflow-y: auto;
  padding: 10px 0;
  border-radius: $global-radius;
  background-color: $white;
  transition: width $animation-duration-base;
}

@mixin ne-menu {
  .#{$prefix}-menu {
    @include menu-base;
    margin: 0;
    &-compact {
      width: $compact-menu-width;
    }
    @each $name, $value in $sizes-map {
      &.#{$prefix}-menu-size-#{$name} {
        font-size: map-get($font-sizes-map, $name);
        line-height: ($global-line-height + 0.01px) / map-get($font-sizes-map, $name);
      }
    }
  }
}
