@import '../style/var';

.van-dropdown-menu {
  display: flex;
  height: 50px;
  background-color: @white;
  user-select: none;

  &__item {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;

    &:active {
      opacity: .7;
    }
  }

  &__title {
    position: relative;
    font-size: 15px;

    &::after {
      position: absolute;
      top: 3px;
      right: -12px;
      border: 3px solid;
      border-color: transparent transparent currentColor currentColor;
      transform: rotate(-45deg);
      opacity: .6;
      content: '';
    }

    &--active {
      &::after {
        top: 7px;
        transform: rotate(135deg);
        opacity: 1;
      }
    }
  }
}