$divider-prefix-cls: #{$prefix-name}divider;

.#{$divider-prefix-cls} {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    &-horizontal {
        width: 100%;
    }

    &-before,
    &-after {  
        border-top-style: solid;
    }

    &-dashed {

        .#{$divider-prefix-cls}-before,
        .#{$divider-prefix-cls}-after {
            border-top-style: dashed;
        }
    }

    &-orientation {
        &-start {
            .#{$divider-prefix-cls}-before {
                flex: 5;
            }

            .#{$divider-prefix-cls}-after {
                flex: 95;
            }
        }

        &-center {

            .#{$divider-prefix-cls}-before,
            .#{$divider-prefix-cls}-after {
                flex: 1;
            }
        }

        &-end {

            .#{$divider-prefix-cls}-before {
                flex: 95;
            }

            .#{$divider-prefix-cls}-after {
                flex: 5;
            }
        }
    }

    &-inner-text {
        padding: 0 16px;
    }

    &-vertical {
        flex-flow: column; 
        height: 0.8em;
        margin: auto 8px;

        .#{$divider-prefix-cls}-before,
        .#{$divider-prefix-cls}-after {
            content: '';
            border-left-style: solid;
        }
    }
}