@import 'common/variable.scss';
@import 'common/mixins.scss';
.#{$--css-prefix}{
  &dropdown-menu{
    &--inner{
      background:#fff;
      text-align:center;
      @include scroller;
      @include var-height();
      @include flexbox;
    }
    &--item{
      @include flexbox;
      @include flexbox-item;
      &-text{
        margin:auto;
      }
      .vx-arrow--direction{
        &-up,&-down{
          margin-left:0.1rem;
        }
        &-down{
          margin-top:-0.1rem;
        }
      }
      &.is-checked{
        @include var-color();
      }
    }
    &--picker{
      .vx-radio{
        padding:0.25rem 0.2rem;
        &.is-checked{
          color:$--color-primary;
        }
        &--icon{
          opacity:0;
        }
        &--text{
          text-align:center;
          padding-right:0;
        }
      }
    }
  }
}