### Problem
```
.main {
  .make-xs-column(12);
  .make-md-column(8);
  .make-lg-column(9);
}
.sidebar {
  .make-xs-column(12);
  .make-md-column(4);
  .make-lg-column(3);
}
```
Outputs
```
.main {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
```
And all media queries with respective width.
With new added mixin we use it this way
```
.main {
  .make-column();
  .make-xs-column(12);
  .make-md-column(8);
  .make-lg-column(9);
}
```
and we get this CSS
```
.main {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
```
I know that this change has a low chance to be merged, but I tried. :)