Foundation-sites: $buttongroup-spacing 对 $global-flexbox true 和 false 的实现不同

.buttongroup的间距实现方式不同，具体取决于天气变量$global-flexbox设置false或true 。
在 flexbox 上下文中，间距由margin-right
在非 flexbox 上下文中，间距由白色border-right

当$buttongroup-spacing上升到比默认的 button-border-width 更大的值时，border-method 会导致 _funky_ 结果

我们如何重现这个错误？

1. 将$buttongroup-spacing的值设置为较高的值。 例如 10 像素；
2. 将$global-flexbox从 false 更改为 true，反之亦然。
3. 比较结果

发生了什么？
Border-Method将按钮顶部边框的颜色_leak_成间距：

当将按钮组放置在彩色元素上时，边框方法的问题变得最明显，例如顶部栏。 间距在 body-color 中运行：

这个问题的来源

这种差异是由按钮组中的这段代码引起的。 从第 51 行开始：

     <strong i="36">@if</strong> $global-flexbox {
        margin-right: $buttongroup-spacing;
      }
      <strong i="37">@else</strong> {
        border-#{$global-right}: $buttongroup-spacing solid $body-background;
      }    

* 建议 *

如果边框方法对于浏览器兼容性不是绝对必要的，我建议完全删除条件并在这两种情况下使用边距方法。

此问题与问题https://github.com/zurb/foundation-sites/issues/8447 中的讨论有关