使用flex-wrap在flex项之间间隔

Question

我在使用flexbox和 flex-wrap 显示半宽度列之间的差异时出现问题，将它们换行到新行。

您可以查看Codepen example here

用例涉及能够在同一容器中显示全长列和半列。半列将获得一个修饰符类，它将它们改为跨越50％宽度并向右侧应用边距（仅在奇数或左侧列上）。

理想情况下，它可以像这样工作：

我使用的是BEM CSS，所以它看起来有点令人困惑，但是，它几乎在半列上做到了。

默认col样式：

.search-results__col {
    flex: 1;
    min-width: 100%;
}

拆分列覆盖：

search-results__col--half {
    max-width: 50%;
    min-width: 50%;
}
search-results__col--half:nth-child(odd) {
    margin-right:24px;
}

有没有一种方法可以在半柱的最大/最小宽度上使用calc，而是使用宽度50％（可以通过动态弹性基础等设置）考虑边际？ （我虽然基础可以做到这一点，但我没有运气）。