更少的颜色混合[重复]

Posted 2023-03-06

【中文标题】更少的颜色混合[重复]

【英文标题】：Less colors mixins [duplicate]

【发布时间】：2015-10-07 03:39:58

【问题描述】：

我正在尝试以更少的价格制作一些 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 一样？

【问题讨论】：

可以定义多个不同透明度的变量

您不需要任何自定义 mixins。见fade函数（例如fade(@brand, 50%)）。

你能帮我做一个mixin吗？

这在 IE8 中有效吗？

IE8 不支持rgba。因此，对于 IE8，您将不得不使用不透明的后备颜色或像 filter:progid:DXImageTransform.Microsoft 这样的阴暗黑客。

【参考方案1】：

你不需要 mixin：

@brand : #30AEE3;

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