@charset "UTF-8";
@import "../../style/function";

$white: #fff;
$h: 50px;
$p: 20px; // padding active态长度延伸
$shadow: 0 1px 10px 3px rgba(0, 0, 0, .1);

.im-menu {
  position: relative;
  line-height: $h;

  &--sub {
    & > .im-menu-list {
      box-shadow: $shadow;
      background-color: $white;
    }
  }
}

.im-menu-list {
  &--collapsed {
    display: none;
  }

  &--horizontal {
    & > .im-menu-item-wrapper {
      display: inline-block;

      & > .im-menu--sub {
        position: absolute;
        width: 100%;
        top: $h;
        left: 0;
      }
    }
  }
}

.im-menu-item {
  &-wrapper {
    padding: 0 $p;

    &--spread {
      position: relative;
    }
  }

  &:hover {
    color: $colorLink;
  }

  &--disabled,
  &--disabled:hover {
    color: map-get($colorDisabled, text);
  }

  a {
    color: inherit;
  }
}