Question

我想采用定义的颜色（来自另一个规则）并将其传递给mixin。有点像这样：

.btn-default {
    background: red;
}


.btn-green {
    background: green;
}

.btn-blue {
    background: blue;
}

// get inherited ('red', 'blue', or 'green') value here somehow
.btn-special {
    @bg-color: ??
    .darken(@bg-color, 20%);
}

这里的问题是在.btn-special里面我不知道颜色是什么，它设置在其他地方......并且可以根据按钮应用的类来改变。

我希望.btn-special提取已定义的background-color，并将其值传递给.darken() mixin。

这可能吗？

标记将是这样的：

<button class="btn-default btn-special"></button>
<button class="btn-green btn-special"></button>
<button class="btn-blue btn-special"></button>

Answer 1

这会导致重复的代码，但可能是：

.btn-default {
    background: red;
    &.btn-special {
        background: .darken(red, 20%);
    }
}

等

LessCSS中是否可以读取元素上的给定css属性？

1 个答案: