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

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

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

// ============================================================================
// Scrollspy Classes
// ============================================================================

.scrollspy {
    @include scrollspy--container;
}

.scrollspy_nav {
    @include scrollspy--nav;
}

.scrollspy_nav--list {
    @include scrollspy--list-nav;
}

.scrollspy_nav--nested {
    @include scrollspy--nested;
}

.smooth-scroll {
    @include smooth-scroll;
}

.scroll-progress {
    @include scroll-progress--bar;
}

.scroll-dots {
    @include scroll-progress--dots;
}

// Scroll padding utilities
.scroll-pt-0 {
    scroll-padding-top: 0;
}

.scroll-pt-1 {
    scroll-padding-top: q(4);
}

.scroll-pt-2 {
    scroll-padding-top: q(8);
}

.scroll-pt-3 {
    scroll-padding-top: q(16);
}

.scroll-pt-4 {
    scroll-padding-top: q(24);
}

.scroll-pt-5 {
    scroll-padding-top: q(48);
}

.scroll-pt-header {
    scroll-padding-top: var(--header-height, q(80));
}