/**
 * @copyright   2010-2015, The Titon Project
 * @license     http://opensource.org/licenses/BSD-3-Clause
 * @link        http://titon.io
 */

@import "../common";

#{$divider-class} {
    text-align: center;
    overflow: hidden;

    &::after,
    &::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        width: 100%;
        border-top: 1px solid black(.1);
        border-bottom: 1px solid white(.75);
    }

    &::before {
        margin-left: -100%;
        left: -$margin;
    }

    &::after {
        margin-right: -100%;
        right: -$margin;
    }

    // Collapse the middle when there is no content
    &:empty {
        &::before,
        &::after {
            right: 0;
            left: 0;
        }
    }

    > span {
        display: inline-block;
        vertical-align: middle;
    }
}