@mixin step-img(
    $index: 1,
    $length: 2
) {
    .step-#{$index}-of-#{$length} {
        background-image: theme-background-image(
            $theme-name,
            'steps/step#{$index}of#{$length}.gif',
            false,
            true
        );
        width: #{(127 + 103*($length - 2))}px;
        height: 24px;
        margin: 10px 0 20px 0; 
    }
}

@for $i from 1 through 5 {
    @for $l from 2 through 5 {
        @if $l >= $i {
            @include step-img(
                $index: $i,
                $length: $l
            );
        }
    }
}