////
///
/// Divider Utility Classes
/// ===========================================================================
///
/// CSS classes for horizontal rules and content dividers.
///
/// @group Classes.SoulLine
/// @author Scape Agency
/// @link https://scape.style
/// @since 0.1.0 initial release
/// @access public
///
////

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

@use "../../mixins" as *;

// ============================================================================
// Horizontal Rule Classes
// ============================================================================

/// Base horizontal rule
.hr--base {
    @include hr--base;
}

/// Thick horizontal rule
.hr--thick {
    @include hr--base;
    @include hr--thick;
}

/// Dotted horizontal rule
.hr--dotted {
    @include hr--base;
    @include hr--dotted;
}

/// Dashed horizontal rule
.hr--dashed {
    @include hr--base;
    @include hr--dashed;
}

/// Double horizontal rule
.hr--double {
    @include hr--base;
    @include hr--double;
}

/// Faded horizontal rule
.hr--faded {
    @include hr--base;
    @include hr--faded;
}

// ============================================================================
// Divider Classes
// ============================================================================

/// Generic divider class
.divider {
    border: 0;
    height: 0;
    border-top: q(1) solid var(--color_line_primary);
    margin: q(16) 0;
}

/// Divider with spacing
.divider--sm {
    margin: q(8) 0;
}

.divider--md {
    margin: q(16) 0;
}

.divider--lg {
    margin: q(24) 0;
}

.divider--xl {
    margin: q(32) 0;
}

/// Vertical divider
.divider--vertical {
    border: 0;
    width: 0;
    height: 100%;
    border-left: q(1) solid var(--color_line_primary);
    margin: 0 q(16);
}