/**
 * Dropdown
 */

// Dependencies
@use 'config/dropdown';
@use 'config/media';

// Declarations
:root {
  --nyco-dropdown-max-height: calc(var(--100vh) - var(--o-navigation-height));
  --nyco-dropdown-min-height: calc(var(--100vh) - var(--o-navigation-height));
}

@include media.screens-and-min-width() using ($variant) {
  @include dropdown.selector($variant) {
    @include dropdown.base();
  }

  @include dropdown.selector($variant, '-max') {
    @include dropdown.max-height();
  }

  @include dropdown.selector($variant, '-min') {
    @include dropdown.min-height();
  }
}