including 2 make-xx-columns to a class creates double padding, floats etc

[hugosaner]

First up I could be getting the methodology wrong, but if I do the following:

.class {
@include make-sm-column(12);
@include make-md-column(3);
}

in the css I get loads of repetition:

.class {
position: relative;
position: relative;
min-height: 1px;
min-height: 1px;
margin-bottom: 20px;
padding-top: 40px;
padding-right: 15px;
padding-right: 15px;
padding-left: 15px;
padding-left: 15px;
}

I guess firstly wanted to check that I am using the right convention and secondly could we add something like:

@mixin make-sm-column($columns, $gutter: $grid-gutter-width, $styles: "true") {
@if $styles == "true" {
position: relative;
min-height: 1px;
padding-left: ($gutter / 2);
padding-right: ($gutter / 2);
}

@media (min-width: $screen-sm-min) {
float: left;
width: percentage(($columns / $grid-columns));
}
}

Thanks

[cvrebert]

Probably the same cause as twbs/bootstrap#13426.

[cvrebert]

Per said issue, this will be fixed in Bootstrap v4, but not in v3 due to backward compatibility constraints.