How to override properties of a CSS class altering the original value (less + mixin)

Question

Let's say I use bootstrap and what to override the

padding-top

of

jumbotron

class of a percentage using less and mixin

Is it possible to do something like this?



// this is my style.less file loaded *after* bootstrap.css

.jumbotron {

    padding-top: _original_padding-top_ * 0.5

}

Answer 1

So you simply do something like:

@import "bootstrap/variables.less";

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

}

Sign up