Contents

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

@import "../common";

.#{$vendor-prefix}progress {
    overflow: hidden;
    position: relative;
    background: $gray;

    @include is-small {
        .#{$vendor-prefix}progress-bar {
            height: 1rem;
            line-height: 1rem;
            font-size: $small-size;
        }
    }

    @include is-medium {
        .#{$vendor-prefix}progress-bar {
            height: 1.5rem;
            line-height: 1.5rem;
            font-size: $medium-size;
        }
    }

    @include is-large {
        .#{$vendor-prefix}progress-bar {
            height: 2rem;
            line-height: 2rem;
            font-size: $large-size;
        }
    }

    .#{$vendor-prefix}progress-bar + .#{$vendor-prefix}progress-bar {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    @include clear-fix;
}

.#{$vendor-prefix}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);
}

.#{$vendor-prefix}progress.#{$shape-round-class} {
    border-radius: $round;

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

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-1.1.0	scss/toolkit/components/progress.scss
titon-toolkit-1.1.0.rc.2	scss/toolkit/components/progress.scss
titon-toolkit-1.1.0.rc.1	scss/toolkit/components/progress.scss