Optimize bootstrap column generator

[chrisvfritz]

I see your bootstrap column generator here and do something similar on many of my projects:

@mixin bootstrap-column($name, $percent-width) {
  $grid-width: $grid-columns * $percent-width / 100;

  .col-lg-#{name} { @include make-lg-column($grid-width); }
  .col-md-#{name} { @include make-md-column($grid-width); }
  .col-sm-#{name} { @include make-sm-column($grid-width); }
  .col-xs-#{name} { @include make-xs-column($grid-width); }
}

This has a few advantages:

• It's shorter. :smiley:
• It's works The Bootstrap Way, meaning it takes advantage of Bootstrap's variables and mixins, so that if a user overrides some variables involved in grid building, this will still work as expected.
• It's much more future-proof, as future changes to the Bootstrap grid would likely only update the internal workings of their make-SIZE-column mixin.

[hung-phan]

Thanks @chrisvfritz, I will integrate that into my generator.

[hung-phan]

Updated