如何覆盖改变原始值的CSS类的属性(less + mixin)

时间:2017-10-27 08:36:50

标签: css twitter-bootstrap less mixins

假设我使用bootstrap以及使用less和mixin覆盖padding-top一个百分比jumbotron类的内容

是否可以做这样的事情?

// this is my style.less file loaded *after* bootstrap.css
.jumbotron {
    padding-top: _original_padding-top_ * 0.5
}

2 个答案:

答案 0 :(得分:1)

请参阅https://github.com/twbs/bootstrap/blob/v3.3.7/less/jumbotron.less

所以你只需要做一些事情:

@import "bootstrap/variables.less";

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

}

答案 1 :(得分:0)

percentage mixin只接受一个参数,因此您提出的建议是不可能的。

here。检查参考文档总是好的。

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