// =============================================================================
// 31-modules / divider / output
// =============================================================================

@use "../../01-core/prefix" as *;
@use "./divider.mixins" as *;

@layer ss.components {
    .#{$ss-prefix-module}-divider {
        @include ss-divider;

        &--vertical {
            @include ss-divider-vertical;
        }
        &--dashed {
            @include ss-divider-dashed;
        }
        &--dotted {
            @include ss-divider-dotted;
        }
        &--with-label {
            @include ss-divider-with-label;
        }

        // Weights
        &--thin {
            @include ss-divider-thin;
        }
        &--thick {
            @include ss-divider-thick;
        }

        // Vertical weights / styles (standalone modifiers)
        &--vertical--thin,
        &--vertical--thick,
        &--vertical--dotted,
        &--vertical--inline {
            @include ss-divider-vertical;
        }
        &--vertical--thin {
            @include ss-divider-vertical-thin;
        }
        &--vertical--thick {
            @include ss-divider-vertical-thick;
        }
        &--vertical--dotted {
            border-left-style: dotted;
        }
        // Text-height rule that sits on the line between inline items.
        &--vertical--inline {
            height: 1em;
            align-self: auto;
            vertical-align: middle;
        }
    }
}