如何编辑 CSS 文件中的 SASS 变量 headerSeperatorColor？

Question

我目前正在自定义 tabulator table 的样式并希望编辑 headerSeperatorColor 变量。

我可以轻松编辑标准 CSS 变量。

比如我把奇数行和偶数行的背景色改成如下：

.tabulator .tabulator-row-odd {
    background-color: black;
}

.tabulator .tabulator-row-even {
    background-color: white;
}

但是，我还需要编辑名为 headerSeperatorColor 的 SASS 变量之一。

这可以在同一个 CSS 文件中实现吗？如果没有，如何编辑变量？

我使用的是 4.4.3 版本

Answer 1

.tabulator .tabulator-header {
    border-bottom: GREEN;
}

Answer 2

Tabulator SASS 变量设置为 Default Variables 这意味着如果你想重新编译 SASS 你可以简单地设置 $headerSeperatorColor 变量，然后导入 scss 文件，它将覆盖变量：

$headerSeperatorColor: #FF0000;
@import "tabulator.scss";