index.less 709 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. @import './var.less';
  2. @import '../dropdown-menu/var.less';
  3. :root {
  4. --van-dropdown-item-z-index: @dropdown-item-z-index;
  5. }
  6. .van-dropdown-item {
  7. position: fixed;
  8. right: 0;
  9. left: 0;
  10. z-index: var(--van-dropdown-item-z-index);
  11. overflow: hidden;
  12. &__icon {
  13. display: block;
  14. line-height: inherit;
  15. }
  16. &__option {
  17. text-align: left;
  18. &--active {
  19. color: var(--van-dropdown-menu-option-active-color);
  20. .van-dropdown-item__icon {
  21. color: var(--van-dropdown-menu-option-active-color);
  22. }
  23. }
  24. }
  25. &--up {
  26. top: 0;
  27. }
  28. &--down {
  29. bottom: 0;
  30. }
  31. &__content {
  32. position: absolute;
  33. max-height: var(--van-dropdown-menu-content-max-height);
  34. }
  35. }