第n个孩子的移动优先断点

Question

我有这个有效的代码，它是一组客户端图标，从移动设备上的2列列表开始，然后逐渐移动到3列列表，然后转到4列列表，依此类推。

我正在使用第n个子伪元素来删除某些数字的边距，具体取决于断点，即列断点上的:nth-child(2n)。

但检查我的代码我觉得它很乱，有没有人知道更好的方法来写这个？

.list-horiz-images li {
float: left;
margin-right: 7px;
margin-bottom: 7px;
width: 49%;

&:nth-child(2n) {
    margin-right: 0px;
}

@include mobilefirst(em(670)) {

    width: 32.57%;

    &:nth-child(2n) {
        margin-right: 7px;
    }

    &:nth-child(3n) {
        margin-right: 0px;
    }
}

@include mobilefirst(em(1024)) {

    width: 24.44%;

    &:nth-child(2n) {
        margin-right: 7px;
    }

    &:nth-child(3n) {
        margin-right: 7px;
    }

    &:nth-child(4n) {
        margin-right: 0px;
    }

}


@include mobilefirst(em($bp-large)) {
    width: 13.666666666%;

    &:nth-child(2n) {
        margin-right: 7px;
    }

    &:nth-child(3n) {
        margin-right: 7px;
    }

    &:nth-child(4n) {
        margin-right: 7px;
    }
}

}