Grid with static gutter using border

SassMeister-input-HTML.html

<div class="modules">
    <div class="module"></div>
    <div class="module"></div>
    <div class="module"></div>
</div>

SassMeister-input.scss

// ----
// libsass (v3.1.0)
// ----

@import "bourbon/bourbon";
@import "neat/neat";
$background-color: darken(#ddd, 10%);
$gutter: 20px;

body {background: #ddd;}

.modules {
  background: $background-color;
  @include outer-container;
}

.module {
  min-height: 100px;
  background: #fff;
  float: left;
  width: percentage(1/3);
  border-left: $gutter/2 solid $background-color;
  border-right: $gutter/2 solid $background-color;
}

SassMeister-output.css

html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body {
  background: #ddd; }

.modules {
  background: #c4c4c4;
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .modules:after {
    content: "";
    display: table;
    clear: both; }

.module {
  min-height: 100px;
  background: #fff;
  float: left;
  width: 33.33333%;
  border-left: 10px solid #c4c4c4;
  border-right: 10px solid #c4c4c4; }

SassMeister-rendered.html

<div class="modules">
    <div class="module"></div>
    <div class="module"></div>
    <div class="module"></div>
</div>