@use '@funidata/fudis-core' as core;

.fudis-dropdown-menu {
  @include core.box-reset;
  @include core.border('1px', 'solid', 'gray-dark');
  @include core.bg-color('white');
  @include core.z-index('dropdown-menu');

  position: absolute;

  &:focus-visible {
    @include core.focus-generic;
  }

  &__right {
    left: 0;
  }

  &__left {
    right: 0;
  }

  &__center {
    right: initial;
    left: initial;
  }

  &__lg {
    width: core.$input-width-lg;
  }

  &__md {
    width: core.$input-width-md;
  }

  &__sm {
    width: core.$input-width-sm;
  }
}