/**
 *  components: progress
 *
 *  <div class="progress">
 *      <div class="progress__inner" style="width: 80%">
 *
 *      </div>
 *  </div>
 *
 *  @author Björn Hase, Tentakelfabrik
 *  @license http://opensource.org/licenses/MIT The MIT License
 *  @link https://github.com/tentakelfabrik/crispy-css
 *
 */

$crispy__progress__height: 30px !default;
$crispy__progress__background-color: $crispy__color-primary !default;
$crispy__progress__border-width: 1px !default;
$crispy__progress__border-color: $crispy__color-border !default;

@mixin crispy__progress {
    .progress {
        border: $crispy__progress__border-width solid $crispy__progress__border-color;

        &__inner {
            height: $crispy__progress__height;
            background-color: $crispy__progress__background-color;
        }
    }
}