Contents

// ========================================================================
//   Component: progress-extra.less
// ========================================================================
 
// Different size of Progress bars

$progress-height-sm: 15px;
$progress-height-xs: 8px;

.progress-sm {
  height: $progress-height-sm;
}

.progress-xs {
  height: $progress-height-xs;
}

// Progress color variants

.progress-bar-purple {
  @include progress-bar-variant($brand-purple);
}
.progress-bar-inverse {
  @include progress-bar-variant($brand-inverse);
}
.progress-bar-green {
  @include progress-bar-variant($brand-green);
}
.progress-bar-pink {
  @include progress-bar-variant($brand-pink);
}
.progress-bar-yellow {
  @include progress-bar-variant($brand-yellow);
}

// progress-% classes for simple usage

@for $i from 1 through 100 {
  .progress-#{$i} {
    width: percentage($i/100);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
radius-rails-3.1.4	app/assets/stylesheets/radius-theme/app/progress-extra.scss