@mixin cols($columns, $gutter) {

  /* Positioning */
  position: relative;
  display: inline-table;

  /* Sizing */
  box-sizing: border-box;
  width: (100%/$columns);

  /* Gutters */
  margin: 0 -4px 0 0 !important;
  padding: 0 $gutter+px $gutter+px 0 !important;
  border: none !important;

  /* Typography */
  letter-spacing: 0;

  /* Remove last border */
  &:nth-of-type(#{$columns}) {
    border-right: none;
  }

  > * {
    /* Wrapper inside Element needed
       because of gutter >* */
    max-width: 100%;
    box-sizing: border-box;
  }
}