git.roojs.org Git - roojs1/blob - scss/bootstrap/_progress.scss

   1 @keyframes progress-bar-stripes {
   2   from { background-position: $progress-height 0; }
   3   to { background-position: 0 0; }
   4 }
   5
   6 .progress {
   7   display: flex;
   8   height: $progress-height;
   9   overflow: hidden; // force rounded corners by cropping it
  10   font-size: $progress-font-size;
  11   background-color: $progress-bg;
  12   @include border-radius($progress-border-radius);
  13   @include box-shadow($progress-box-shadow);
  14 }
  15
  16 .progress-bar {
  17   display: flex;
  18   flex-direction: column;
  19   justify-content: center;
  20   color: $progress-bar-color;
  21   text-align: center;
  22   white-space: nowrap;
  23   background-color: $progress-bar-bg;
  24   @include transition($progress-bar-transition);
  25 }
  26
  27 .progress-bar-striped {
  28   @include gradient-striped();
  29   background-size: $progress-height $progress-height;
  30 }
  31
  32 .progress-bar-animated {
  33   animation: progress-bar-stripes $progress-bar-animation-timing;
  34 }