Created by: nextgenthemes
I like to have the .btn states wrapped inside .btn. Because when i want to add the btn style to a element i simple just can't with mixins right now
.mybtn {
.btn();
}
will work but it will not mix the hover states and so on in. And less fails to ...
.mybtn {
.btn;
.btn:hover;
}
... do something like that. I think there are other places in bootstrap like that. I really would appreciate if less would be used in full extent, like its supposed to be, meaning wrapping almost everything inside parent elements if possible. Some consistency would be nice. It's done right on so many other places in bootstrap.
We could of course edit out buttons inside bootstrap core and have even less css in the end, but i would like to keep bootsrap untouched or small things like that. I am developing a theme framework and some elements should just not always look like .btn so just adding the classes is not the best solution for this.
During my less development i started doing thinks like this the 'CSS way' but now i tend to wrap everything i can into patents, it not only good for mixins functionality, its also very readable.