Sha256: 7837bac31cd106dc665479e5645cf5da356df13a0e832cc7f0f8809b1fe9cc15

Contents?: true

Size: 1.14 KB

Versions: 8

Compression:

Stored size: 1.14 KB

Contents

.progress-bar-indication {
  $progress-border-color: $base-border-color;
  $progress-border: 1px solid $progress-border-color;
  $progress-meter-border-color: $base-accent-color;
  $progress-meter-border: 1px solid darken($progress-meter-border-color, 15%);
  $progress-meter-color: $progress-meter-border-color;
  $progress-background: darken($base-background-color, 5);
  $progress-animation-duration: 0.7s;
  $progress-color: white;

  background-color: $progress-background;
  border: $progress-border;
  box-shadow: inset 0 0 3px 0 rgba(darken($progress-background, 50%), 0.15);
  border-radius: $base-border-radius;
  margin: 0 auto;
  width: 50%;

  > span.meter {
    @include box-sizing(border-box);
    background-color: $progress-meter-color;
    background-size: 40px 40px;
    background-repeat: repeat-x;
    border: $progress-meter-border;
    border-radius: $base-border-radius /1.5;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    display: block;
    height: 100%;
    width: 60%;
  }

  p {
    margin-bottom: 0;
    padding: .1em .5em;
    font-weight: 800;
    color: $progress-color;    
    text-shadow: 0 0 1px black;
  }
}

Version data entries

8 entries across 8 versions & 1 rubygems

Version Path
staple-0.0.9 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.8 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.7 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.6 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.5 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.4 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.3 source/stylesheets/staple/_progress-bar-indication.scss
staple-0.0.2 source/stylesheets/staple/_progress-bar-indication.scss