kodadot/nft-gallery

View on GitHub
libs/ui/src/components/NeoDropdown/NeoDropdown.scss

Summary

Maintainability
Test Coverage
@import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';

$dropdown-menu-padding: 0;
$dropdown-menu-margin: 1rem 0;
$dropdown-menu-border-radius: 0;

$dropdown-menu-box-shadow: var(--primary-shadow);
$dropdown-menu-background: var(--background-color);
$dropdown-item-color: var(--text-color);
$dropdown-item-hover-color: var(--text-color);
$dropdown-item-hover-background-color: var(--k-accent-hover);

@import '@oruga-ui/oruga-next/src/scss/components/_dropdown.scss';

.o-drop__item {
  @apply border-b border-b-border-color min-h-10;

  &.is-active,
  &--active,
  &[active='true'] {
    @apply text-text-color-inverse bg-background-color-inverse;

    &:hover {
      @apply text-text-color-inverse bg-background-color-inverse;
    }
  }

  .o-tip {
    @apply w-full;
  }
}

.o-drop__menu {
  @apply border-default border-border-color text-text-color;

  &.no-shadow {
    @apply shadow-none;
  }

  &.o-drop__menu--scrollable {
    @apply max-h-[15rem] overflow-y-auto #{!important};
  }
}