【问题标题】:Convert a Hex-String to a Hex-Color value in SCSS在 SCSS 中将十六进制字符串转换为十六进制颜色值
【发布时间】:2021-03-22 14:49:25
【问题描述】:

我以 json 格式存储了很多颜色。我通过 gulp 使用rootbeer 将它们变成可以由 scss 处理的 sass 映射:

{ "blue": "33A2FF" }

$colors: ( "blue": "33A2FF" );

我可以使用 #{} 语法很好地使用颜色,但是一旦应用了像 lightness() 这样的任何颜色函数,编译器就会失败,因为颜色类型完全消失了。

即使使用 unquote() 也不允许 sass 将其视为字符串,但它必须是颜色。

我的问题是我是否有任何方法可以强制编译器将其视为颜色?另一种方法是省略built-in color functions 的所有用法。

或者,我可以将所有 hey 重写为 rgb,分别为 r、g 和 b 值,然后使用 rgb() 语法将它们作为颜色返回,如 here 所示。但这需要大量的返工。所以也许有人知道如何解决这个问题。

【问题讨论】:

    标签: css json sass colors libsass


    【解决方案1】:

    我找到了允许将十六进制格式的字符串处理为 rgb() 的实用程序:https://github.com/KittyGiraudel/SassyJSON/tree/master/stylesheets/decode/helpers/color

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2018-01-22
      • 2012-11-24
      • 2012-02-03
      • 2018-01-31
      • 2011-04-06
      • 2019-07-27
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多