scsslint颜色变量和sass调色板

scsslint颜色变量和sass调色板,css,sass,csslint,scss-lint,Css,Sass,Csslint,Scss Lint,这个变量中的scsslint有问题 ColorVariable:blue等颜色文字应仅用于 变量声明;它们应该通过变量引用 其他地方 我有一个sass调色板: $color-palettes: ( blue: ( light : lighten($grey, 6%), base : $grey, ), ); //using sass palettes p { color: palett

这个变量中的scsslint有问题

ColorVariable:blue等颜色文字应仅用于 变量声明;它们应该通过变量引用 其他地方

我有一个sass调色板:

 $color-palettes: (
        blue: (
            light    : lighten($grey, 6%),
            base     : $grey,
        ),
    );


//using sass palettes
p {
  color: palette(blue);
}

//wrong way
p {
    color:blue;
}

// right way by scsslint I totally agree

// creating the variable
$blue:#0055FF;

p {
    color:$blue;
}
问题是我正在传递值调色板(蓝色);这让scsslint抱怨蓝色

我知道我可以把scss-lint.yml改成false,解决这个问题

ColorVariable:
    enabled: false
但我希望避免以下不良做法:

p {
    color:blue;
}

p {
    color:white;
}
那么在这种情况下,我应该怎么做?要继续在我的文件中使用验证,请跳过一些包含ColorVariable的类


谢谢。

也许您想看看使用sass maps+功能实现调色板的其他方法:取而代之?谢谢,取而代之的是紫色或灰色。我可以使用如下名称:页脚页眉内容吗?是的,您可以交换名称。但是为了按元素设计样式,我个人认为在其上有另一个抽象层更为灵活,即颜色映射和引用颜色映射的元素映射。这样你可以同时使用颜色和元素。你能给我一个元素地图的小例子吗?或者只是一个链接,谢谢JoelMaybe您可能想看看使用sass maps+函数实现调色板的其他方法:取而代之?谢谢,取而代之的是紫色或灰色。我可以使用如下名称:页脚页眉内容吗?是的,您可以交换名称。但是为了按元素设计样式,我个人认为在其上有另一个抽象层更为灵活,即颜色映射和引用颜色映射的元素映射。这样你可以同时使用颜色和元素。你能给我一个元素地图的小例子吗?或者只是一个链接,谢谢Joel