在Foundation中动态设置Sass变量

Question

如何在Foundation中动态设置Sass变量？ According to their docs，你可以借助_settings.scss中的几个Sass变量自定义一个表，让我们以背景颜色为例。现在如果我想使用两种不同的背景颜色的桌子呢？我是Foundation和Sass的新手，这些变量对我来说似乎很像全局变量。

我想我可以创建自己的变量，例如$dark-table-bg，但是如何让表格在我的html中使用该变量？

澄清一下：我想要实现的唯一的事情就是让两张桌子彼此相邻，颜色不同。

Answer 1

Foundation不为多种颜色的表提供任何特殊构造。如果你想为表提供2种不同的样式，你可以像使用vanilla CSS一样。

table.with-alternate-colors {
    th {
        background: blue
    }

    // etc.
}

如果要查看Foundation应用于表格的所有样式，以便了解需要覆盖的内容，可以通过browsing their repo

找到该信息。

注意：虽然可以使用该表mixin，但我不建议除非您更改所有关于表格样式的方式。