////
///
/// Dropdown Component Classes
/// ===========================================================================
///
/// CSS classes for dropdown menu components.
/// All functionality is defined in mixins - classes only include them.
///
/// @group Classes.BodyMolecules.Navigation
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

// ============================================================================
// Use
// ============================================================================

@use "../../../dev" as *;
@use "../../../mixins/body_molecules/navigation/dropdown" as *;

// ============================================================================
// Dropdown Classes
// ============================================================================

/// Dropdown button
.dropdown-menu-button {
    @include dropdown-menu-button--base;
}

/// Dropdown container
.dropdown-menu {
    @include dropdown-menu--container;
}

/// Dropdown content (hidden by default)
.dropdown-menu-content {
    @include dropdown-menu--content;
}

/// Dropdown content shown state
.dropdown-menu-content.show,
.dropdown-menu.show .dropdown-menu-content {
    @include dropdown-menu--content-show;
}

/// Dropdown item
.dropdown-menu-item {
    @include dropdown-menu--item;
}

/// Dropdown divider
.dropdown-menu-divider {
    @include dropdown-menu--divider;
}

// ============================================================================
// Dropdown Variant Classes
// ============================================================================

/// Dropdown with hover trigger
.dropdown-menu--hover {
    @include dropdown-menu--hover;
}

/// Right-aligned dropdown
.dropdown-menu-content--right {
    @include dropdown-menu--content-right;
}

/// Dropup (content above trigger)
.dropdown-menu-content--up {
    @include dropdown-menu--content-up;
}