2

前言：Sass 新手，Less 更好，但也不是很好。

我正在使用 chartist 在两个单独的视图中绘制折线图和饼图。Chartist 提供了一个_chartist-settings.scss包含大量全局常量定义的文件。文档说要更改这些以自定义图表的外观。但是，我希望每个图表都有自己的样式，但我不确定我现在在 SCSS 中的做法是否正确。

让我们以图表的标签字体大小为例。在文件中，这是使用$ct-text-size变量设置的。

理想情况下，我会为这些常量定义值，这些值会根据图表的范围而改变。所以图表<div class="line">I can have$ct-text-size: 2rem和 under <div class="pie">have $ct-text-size: 1rem。但是，我无法弄清楚如何做到这一点。有没有办法做到这一点？

相反，为了使它工作，我查看了这些常量最终被使用的类（在这种情况下.ct-label）并根据范围直接更改它们（见下文）。然而，这似乎违背了_chartist-settings.scss提供的抽象，因为它将它与模块的内部 SCSS 工作结合在一起。

.line{
  .ct-label { //this class uses the $ct-text-size variable
    font-size: 1rem; // but I just change the class directly
  }
}

.pie{
  .ct-label {
    font-size: 2rem;
  }
}
4

0 回答 0