progress.less 602 B

1234567891011121314151617181920212223242526
  1. .progress-sprite(@count) when (@count >= 0) {
  2. .progress-sprite(@count - 1);
  3. &.progress-@{count} {
  4. background-position: 0 (-20px * (@count - 1));
  5. }
  6. }
  7. .tab-content .km-progress {
  8. vertical-align: middle;
  9. font-size: inherit;
  10. display: inline-block;
  11. width: 140px;
  12. margin: 5px;
  13. border-right: 1px dashed #eee;
  14. .km-progress-item {
  15. margin: 0 1px;
  16. padding: 1px;
  17. .km-progress-icon {
  18. .progress-sprite(9);
  19. background: url(images/iconprogress.png) repeat-y;
  20. background-color: transparent;
  21. }
  22. }
  23. }