Sha256: 5de4834564335ee19b888167aa1bc4fd4a5af5aae13110a2d642e8a5cb413eb8

Contents?: true

Size: 1.61 KB

Versions: 10

Compression:

Stored size: 1.61 KB

Contents

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

@import "../common";

@include export("progress") {
    #{$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-#{$align-direction}-radius: $round;
                border-bottom-#{$align-direction}-radius: $round;
            }
        }

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

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

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

Version data entries

10 entries across 10 versions & 1 rubygems

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