$prefix-divider : #{$prefix}divider;
.#{$prefix-divider}{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:0;
    padding:0;
    @include get-color-text();
    font-size:14px;
    line-height:1.5;
    list-style: none;
    -webkit-font-feature-settings: 'tnum';
    font-feature-settings: 'tnum';
    @include get-color-border('background');
    &,&-vertical{
        position: relative;
        display:inline-block;
        width:1px;
        height:0.9em;
        margin:0px 8px;
        vertical-align: middle;
    }
    &-horizontal{
        display: block;
        width:100%;
        min-width:100%;
        height:1px;
        margin:24px 0px;
        clear: both;

    }
    &-horizontal.#{$prefix-divider}-with-text-center,
    &-horizontal.#{$prefix-divider}-with-text-left,
    &-horizontal.#{$prefix-divider}-with-text-right{
        display: table;
        margin:16px 0px;
        font-weight:500;
        font-size:16px;
        white-space:nowrap;
        text-align: center;
        background: transparent;
        &:before,&:after{
            content: '';
            position: relative;
            top:50%;
            display: table-cell;
            width:50%;
            border-top:1px solid;
            @include get-color-border('border-top-color');
            transform: translateY(50%);
        }
    }
    &-horizontal.#{$prefix-divider}-with-text-left{
        &:before{
            width:5%;
        }
        &:after{
            width:95%;
        }
        &-inner-text{
            display:inline-block;
            padding:0px 10px;
        }
    }
    &-horizontal.#{$prefix-divider}-with-text-right{
        &:before{
            width:95%;
        }
        &:after{
            width:5%;
        }
        &-inner-text{
            display:inline-block;
            padding:0px 10px;
        }
    }
    &-inner-text{
        display:inline-block;
        padding:0px 24px;
    }
    &-dashed{
        background: none;
        border-top:1px dashed ;
        @include get-color-border('border-top-color');
    }
    &-dotted{
        background: none;
        border-top:1px dotted;
        @include get-color-border('border-top-color');
    }
}