Contents

/**
 * @copyright   2010-2013, The Titon Project
 * @license     http://opensource.org/licenses/bsd-license.php
 * @link        http://titon.io
 */

@import "../common";

.progress {
    overflow: hidden;
    position: relative;
    background: $gray;

    &.small .progress-bar {
        height: 1rem;
        line-height: 1rem;
        font-size: $small-size;
    }

    &.large .progress-bar {
        height: 2rem;
        line-height: 2rem;
        font-size: $large-size;
    }

    .progress-bar + .progress-bar {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    @include clear-fix;
}

.progress-bar {
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-size: $medium-size;
    background: $gray-darkest;
    float: left;
    @include transition(width .6s, background $progress-transition);
}

.progress.round {
    border-radius: $round;

    .progress-bar {
        border-top-left-radius: $round;
        border-bottom-left-radius: $round;
    }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-1.0.0	scss/toolkit/components/progress.scss
titon-toolkit-1.0.0.rc.3	scss/toolkit/components/progress.scss