////
///
/// Collapse Classes
/// ===========================================================================
///
/// @group Classes.BodyMolecules.Content.Collapse
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

@use "../../../mixins/body_molecules/content/collapse" as *;

// ============================================================================
// Collapse Classes
// ============================================================================

.collapse {
    @include collapse--base;
}

.collapsing {
    @include collapse--collapsing;
}

.collapse--horizontal {
    @include collapse--horizontal;
}

.collapse--fade {
    @include collapse--fade;
}

.collapse--slide {
    @include collapse--slide;
}

.navbar_collapse {
    @include navbar--collapse;
}

.navbar_toggler {
    @include navbar--toggler;
}

.navbar_toggler_icon {
    @include navbar--toggler-icon;
}

// Dark mode toggler icon
.navbar--dark .navbar_toggler_icon,
.navbar_toggler--light {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255,255,255,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
