css - Sass:使用 HSLa 回退技术

<分区>

有人知道在 SASS 编译的样式表中启用 HSLa 颜色声明的解决方法吗？

出于本 article 中讨论的原因，我想使用 HSLa克里斯·科伊耶 (Chris Coyier) 着。 Modernizr Docs 中推荐的后备技术就是先声明一个十六进制值，然后声明支持浏览器的HSLa值。

但是，Sass 目前实现其 hsla() instance method 的方式使得无法使用此技术——所有 HSLa 值都被编译为十六进制，这意味着十六进制颜色只是重复。

我试过将 Sass 颜色变量定义为字符串，但它在样式表中编译为带引号的字符串。

谁能建议使用 Sass 获取 HSLa 输出的技巧？

最佳答案

你可以把它变成一个字符串，然后取消引用它。这将阻止调用 Sass hsla() 函数:

.test {
    background-color: #e2ecf0; /* Fallback */
    background-color: unquote("hsla(190, 30%, 94%, 1)"); 
}

生成:

.test {
  background-color: #e2ecf0;
  /* Fallback */
  background-color: hsla(190, 30%, 94%, 1);
}

关于css - Sass:使用 HSLa 回退技术，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13409839/

相关文章：

css - IE7 菜单 HasLayout 问题