如何在Node / Angular / React中使用scss函数
如何在Node / Angular / React中使用scss函数
提问于 2021-05-05 06:42:36
我正在写一个Angular项目，并且我正在使用SCSS。具体地说，我使用的是加亮和加暗SCSS函数，例如：
.my-selector {
color: darken(#7A9BBA, 15%);
}现在，我还需要在我的控制器.ts文件中访问这个颜色(以及一堆其他SCSS定义的颜色)。如何在JS/TS代码中使用SCSS函数？有没有针对这个的npm模块？提亚
另外，我找到了这个在线工具... http://scg.ar-ch.org ...但我想通过编程来实现
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-26 03:45:39
20天后，我找到了答案：
npm i --save tinycolor2
tinycolor2('#679467').lighten(5).toString(); // lightens the color by 5%这将产生与SCSS相同的结果：
.your-class {
color: lighten(#679467, 5%);
}下面是我在一个Angular项目中的用法(如果你没有使用Angular，它应该很容易适应)：
import * as tc from 'tinycolor2'
export const lighten = (color: string, percent: number): string => {
return tc(color).lighten(percent).toString()
}
export const darken = (color: string, percent: number): string => {
return tc(color).darken(percent).toString()
}用法也很简单：
lighten('#000000', 50)
darken('#FFFFFF', 50)我相信你也可以使用RGB颜色。tinycolor2还有一大堆其他有用的颜色函数可供使用。我与tinycolor2没有任何关联。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67393081
复制相关文章
相似问题
腾讯云开发者
