Sha256: 0fb0f0e7ced78bf9c7dca057d133468ab2e9a29844ca5350d726a8c1198bc9c1

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";

#{$progress-class} {
    overflow: hidden;
    position: relative;

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

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

    @include clear-fix;

    //----- Effects ------//

    &#{$shape-round-class} {
        #{$progress-class-bar}:first-child {
            border-top-left-radius: $round;
            border-bottom-left-radius: $round;
        }
    }

    @if index($progress-effects, "pill") {
        &#{$shape-pill-class} {
            border-radius: $pill;

            #{$progress-class-bar}:first-child {
                border-top-left-radius: $pill;
                border-bottom-left-radius: $pill;
            }
        }
    }
}

#{$progress-class-bar} {
    height: 1.5rem;
    line-height: 1.5rem;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-size: $medium-size;
    float: left;
    transition: width $progress-transition, background $progress-transition;
}

Version data entries

5 entries across 5 versions & 1 rubygems

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