@import './var.less';
@import '../dropdown-menu/var.less';

:root {
  --glm-dropdown-item-z-index: @dropdown-item-z-index;
}

.glm-dropdown-item {
  position: fixed;
  right: 0;
  left: 0;
  z-index: var(--glm-dropdown-item-z-index);
  overflow: hidden;

  &__icon {
    display: block;
    line-height: inherit;
  }

  &__option {
    text-align: left;

    &--active {
      color: var(--glm-dropdown-menu-option-active-color);

      .glm-dropdown-item__icon {
        color: var(--glm-dropdown-menu-option-active-color);
      }
    }
  }

  &--up {
    top: 0;
  }

  &--down {
    bottom: 0;
  }

  &__content {
    position: absolute;
    max-height: var(--glm-dropdown-menu-content-max-height);
  }
}