Generated by SassMeister.com.

SassMeister-input.scss

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

@import "bourbon/bourbon";
@import "neat/neat";

.focus {
  @include outer-container(); // default 12column grid
  .primary {
    @include span-columns(6); // take up half
  }
  .secondary {
    @include span-columns(6); // talk up the other half
  }
}

SassMeister-output.css

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

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

.focus {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .focus:after {
    content: "";
    display: table;
    clear: both; }
  .focus .primary {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .focus .primary:last-child {
      margin-right: 0; }
  .focus .secondary {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 48.82117%; }
    .focus .secondary:last-child {
      margin-right: 0; }