如何覆盖 CSS class 的属性改变原始值（less + mixin）

Question

假设我使用 bootstrap 以及使用 less 和 mixin

覆盖百分比 jumbotron class 的 padding-top

是否可以这样做？

// 这是我的 style.less 文件加载 *after* bootstrap.css
.jumbotron {
    填充顶部：_original_padding-top_ * 0.5
}

Answer 1

percentagemixin只接受一个参数，所以你提出的是不可能的。

参见here。查看参考文档总是好的。

您必须创建自己的 mixin 才能做到这一点。

Answer 2

见https://github.com/twbs/bootstrap/blob/v3.3.7/less/jumbotron.less

因此您只需执行以下操作：

@import "bootstrap/variables.less";

.jumbotron {
    padding-top: @jumbotron-padding * .5;
}

}