背景不透明度较少mixin可能吗？

Question

是否可以在Less中创建一个mixin，它可以定位已经由现有规则设置其背景颜色的元素的背景不透明度？

E.g

div {
    background-colour: red;
}

.opacity {
    background-color: fade(@existing-bg, 50%)
}

Answer 1

如果我理解正确，那么不是你想要做的事情 - @ existing-bg需要能够在RUNTIME评估当前的BG颜色，但实质上，我们在编译时使用LESS。答案是将颜色（红色）放在一个变量中，并在两个地方提供相同的变量。

@existing: #ff0000;
div {
     background-colour: @existing;
}

.opacity {
     background-color: fade(@existing, 50%)
}