.mt(@counter) when (@counter >= 0) {
    .mt((@counter - 1));    // next iteration
    @mtv: (@counter * 10);
    @mtvpx: (@counter * 10px);
    .m-t-@{mtv} {
        margin-top: @mtvpx;
    }
    .m-l-@{mtv} {
        margin-left: @mtvpx;
    }
    .m-r-@{mtv} {
        margin-right: @mtvpx;
    }
    .m-b-@{mtv} {
        margin-bottom: @mtvpx;
    }
    .m-@{mtv} {
        margin: @mtvpx;
    }

    .p-@{mtv} {
        padding: @mtvpx;
    }

    .p-t-@{mtv} {
        padding-top: @mtvpx;
    }
    .p-b-@{mtv} {
        padding-bottom: @mtvpx;
    }
    .p-l-@{mtv} {
        padding-left: @mtvpx;
    }
    .p-r-@{mtv} {
        padding-right: @mtvpx;
    }
}

.mt(7); // launch the loop