| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 | @import '../style/var';.van-dropdown-menu {  user-select: none;  &__bar {    position: relative;    display: flex;    height: @dropdown-menu-height;    background-color: @dropdown-menu-background-color;    box-shadow: @dropdown-menu-box-shadow;    &--opened {      z-index: @dropdown-item-z-index + 1;    }  }  &__item {    display: flex;    flex: 1;    align-items: center;    justify-content: center;    min-width: 0; // hack for flex ellipsis    cursor: pointer;    &:active {      opacity: @active-opacity;    }    &--disabled {      &:active {        opacity: 1;      }      .van-dropdown-menu__title {        color: @dropdown-menu-title-disabled-text-color;      }    }  }  &__title {    position: relative;    box-sizing: border-box;    max-width: 100%;    padding: @dropdown-menu-title-padding;    color: @dropdown-menu-title-text-color;    font-size: @dropdown-menu-title-font-size;    line-height: @dropdown-menu-title-line-height;    &::after {      position: absolute;      top: 50%;      right: -4px;      margin-top: -5px;      border: 3px solid;      border-color: transparent transparent @gray-4 @gray-4;      transform: rotate(-45deg);      opacity: 0.8;      content: '';    }    &--active {      color: @dropdown-menu-title-active-text-color;      &::after {        border-color: transparent transparent currentColor currentColor;      }    }    &--down {      &::after {        margin-top: -1px;        transform: rotate(135deg);      }    }  }}
 |