progress-bars.less 634 B

12345678910111213141516171819202122232425262728293031323334
  1. //
  2. // Progress bars
  3. // --------------------------------------------------
  4. // Outer container
  5. .progress {
  6. background: mix(@brand-primary, white, 10%);
  7. border-radius: 32px;
  8. height: @progress-height;
  9. box-shadow: none;
  10. }
  11. // Bar of progress
  12. .progress-bar {
  13. background: @brand-secondary;
  14. line-height: @progress-height;
  15. box-shadow: none;
  16. }
  17. // Variations
  18. // -------------------------
  19. .progress-bar-success {
  20. background-color: @brand-success;
  21. }
  22. .progress-bar-warning {
  23. background-color: @brand-warning;
  24. }
  25. .progress-bar-danger {
  26. background-color: @brand-danger;
  27. }
  28. .progress-bar-info {
  29. background-color: @brand-info;
  30. }