Sha256: 32af9f51e49cee010c55b818af0d7bc0a524453b901376c13d973f005f43ab3d

Contents?: true

Size: 1.33 KB

Versions: 5

Compression:

Stored size: 1.33 KB

Contents

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

@import "../common";

#{$step-class-wrapper} {
    margin: $margin 0;
    font-size: $medium-size;

    ol {
        @include reset-list;
        display: inline-block;
        overflow: hidden;
        @include clear-fix;
    }

    // Use em's to scale against the size defined on .steps
    #{$step-class} {
        padding: 0 2em 0 3.5em;
        position: relative;
        display: block;
        line-height: 3em;
        height: 3em;

        // Golden ratio? Seems to work for all font sizes in *most* browsers
        &::after {
            height: 2.165em;
            width: 2.165em;
            top: 0.425em;
            right: -1.1em;
            position: absolute;
            z-index: 2;
            content: "";
            transform: rotate(-45deg);
        }
    }

    li {
        @include reset-inline-block;
        float: left;

        &:first-child {
            #{$step-class} {
                padding-left: 2em;
            }
        }

        &:last-child {
            #{$step-class} {
                &::after { display: none; }
            }
        }
    }

    @include is-small {
        font-size: $small-size;
    }

    @include is-large {
        font-size: $large-size;
    }
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
titon-toolkit-2.0.2 scss/toolkit/components/step.scss
titon-toolkit-2.0.1 scss/toolkit/components/step.scss
titon-toolkit-2.0.0 scss/toolkit/components/step.scss
titon-toolkit-2.0.0.pre.rc.2 scss/toolkit/components/step.scss
titon-toolkit-2.0.0.pre.rc.1 scss/toolkit/components/step.scss