前言:萨斯新手,少用但不好用。
我正在使用chartist在两个单独的视图中绘制线图和饼图。 Chartist提供了一个_chartist-settings.scss
文件,其中包含一堆全局常量定义。文件说要改变这些以便定制图表的外观。但是,我希望每个图表都有自己的样式,但我不确定我现在在SCSS中做的方式是正确的。
让我们使用图表标签font-size的例子。在文件中,这是使用$ct-text-size
变量设置的。
理想情况下,我会为这些常量定义值,这些值会根据图表的范围而变化。因此<div class="line">
下的图表$ct-text-size: 2rem
<div class="pie">
下$ct-text-size: 1rem
.ct-label
下的图表_chartist-settings.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;
}
}
)并根据范围直接更改它们(见下文)。然而,这似乎违背了String source = "this-is--a-string----";
提供的抽象,因为它将它与模块的内部SCSS工作结合起来。
String output = Regex.Replace(source, @"\-+", "-");