css – 可以关闭SASS RGB – >颜色名称

我有一个这样的CSS规则:

background: #fff url('/assets/img/file.png');

正在编译:

background: white url("/assets/img/file.png");

有什么办法阻止它像这样转换吗?在我的页面上有一个JS寻找RGB值,我不想在一些hacky函数中将这些字符串转换为RGB.

默认情况下,Sass不会将文字颜色值与其十六进制值进行转换,除非您强制Sass用#{}或变量进行内插.

使用插值将返回您感兴趣的值的“to_sass”版本,例如,#{#fff}将内插到“白”.在变量替换中也会发生这种情况:当用作变量时,将颜色文字转换为Color对象,然后将“to_sass”编入样式表.

此外,您可以指定压缩的样式选项,这将返回较少的字节长度版本(即红色而不是#f00).由于白色长度为5个字符,#fff仅为4,因此您的规则将替换为#fff.

使用变量时,无法关闭反向HTML4颜色名称转换.作为一个解决方案,您可以将颜色变量声明为字符串,然后在具有unquote()函数的样式中使用.

$color: '#fff';
.white { color: unquote($color) }
相关文章
相关标签/搜索