Sha256: f0fcb26479e8dfdf1dcb2bf278fa322f64c75241280d8d6538aa50b28bf45156

Contents?: true

Size: 1.11 KB

Versions: 10

Compression:

Stored size: 1.11 KB

Contents

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

@import "../common";

@include export("divider") {
    #{$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-#{$align-direction}: -100%;
            #{$align-direction}: -$margin;
        }

        &::after {
            margin-#{$align-opposite-direction}: -100%;
            #{$align-opposite-direction}: -$margin;
        }

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

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

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
titon-toolkit-2.1.9 scss/toolkit/components/divider.scss
titon-toolkit-2.1.8 scss/toolkit/components/divider.scss
titon-toolkit-2.1.7 scss/toolkit/components/divider.scss
titon-toolkit-2.1.6 scss/toolkit/components/divider.scss
titon-toolkit-2.1.5 scss/toolkit/components/divider.scss
titon-toolkit-2.1.4 scss/toolkit/components/divider.scss
titon-toolkit-2.1.3 scss/toolkit/components/divider.scss
titon-toolkit-2.1.2 scss/toolkit/components/divider.scss
titon-toolkit-2.1.1 scss/toolkit/components/divider.scss
titon-toolkit-2.1.0 scss/toolkit/components/divider.scss