Simple Grid System

grids.example.less

// The Basic
.grids{
  letter-spacing: -.31em;
  > * {
    display: inline-block;
    letter-spacing: 0.01em;
  }
}

// Options 
.grid > *{
  width: 100% / 6;         // 6 grids in a row
  box-sizing: border-box;  // ignore padding from width
  padding: 0 .25%;         // spacing between grids
  margin-bottom: 2%;       // spacing between rows
  vertical-align: top;     // avoid messy from random height
}

grids.mixin.less

.grids(@grid, @padding: 0.25em){
  letter-spacing: -.31em;
  margin-left: @padding*-1;
  margin-right: @padding*-1;
  > * {
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0.01em;
    width: 100%/@grid;
    box-sizing: border-box;
    padding-left: @padding;
    padding-right: @padding;
  }
}