less - 函数可以返回 * 仅 * rgba 值吗？

Question

我将 rgba 值存储为变量(例如: @black: rgba(0, 0, 0, 1.0); )并且我意识到如果我可以使 alpha 值变量会很好。

所以，我试过这个..

.color_black (@alpha: 1.0) { rgba(0, 0, 0, @alpha) }

问题只是这行不通。参数部分似乎是正确的，事实上它似乎只有在您添加 rgba() 代码后才会“中断”。 Less 真的不喜欢 rgba 调用。

现在我可以通过定义属性标签来完成这项工作，例如..

.color_black (@alpha: 1.0) { color: rgba(0, 0, 0, @alpha) }

但是这种方式会破坏存储单一颜色并在整个城镇重复使用它的用处。在背景、文本、渐变等中。

那么，关于如何解决这个问题的任何想法？

编辑 : 虽然我对此也不满意..这是我能想到的最佳解决方案..

.color_black (@prop: color, @alpha: 1.0) { @prop: rgba(0, 0, 0, @alpha) }

它对函数没有多大用处，因为您不能在其他属性(渐变等)中使用它。想法？

Answer 1

看看less的颜色函数:http://lesscss.org/#-color-functions

我认为“淡入淡出”就是你要找的。只需将您的颜色设置为变量...

@black: #000000;

...并使用 fade() :

color: fade(@black, 80%);