*
  +box-sizing(border-box)

$pad: 20px

.grid
  background: white
  margin: 0 0 $pad 0

  &:after
    // Or @extend clearfix
    content: ""
    display: table
    clear: both

[class*='col-']
  float: left
  padding-right: $pad

  .grid &:last-of-type
    padding-right: 0

.col-2-3
  width: 66%

.col-1-3
  width: 33%

.col-1-2
  width: 49%

.col-1-4
  width: 24%

.col-1-8
  width: 12.5%

// Opt-in outside padding
.grid-pad
  padding: $pad 0 $pad $pad

  [class*='col-']:last-of-type
    padding-right: $pad