更少的颜色混合[重复]

Question

我正在尝试以更少的价格制作一些 mixin，但我没有运气。

这就是我所拥有的更少

@brand : #30AEE3;

.preloader-window {
    background: none repeat scroll 0 0 @brand;
}

但最后我需要为该颜色和其他一些属性添加不透明度，这就是我在 CSS 中需要的内容

.preloader-window {
    background: none repeat scroll 0 0 rgba(42, 171, 226, 0.5);
}

是否有可能最终有好的混合，我可以改变颜色并得到最终的 css，就像我制作简单的 css 一样？

Answer 1

你不需要 mixin：

@brand : #30AEE3;

.preloader-window {
    background: none repeat scroll 0 0 fadeout(@brand, 50%);
}