Greedy css minimalist css grid system in scss

greedy.scss

$columns: 16;
$gutter: 25px;

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@mixin clearfix {
  *zoom: 1;
  &:before,
  &:after { content: ""; display: table; }
  &:after { clear: both; }
}

@mixin row {
  @include clearfix;
  padding-bottom: $gutter;
  &:first-child { padding-top: $gutter; }
}

@mixin column($x: 1, $cols: $columns) {
  float: left;
  padding-left: $gutter;
  width: percentage(1 / $cols * $x);
}